/* icon */
.icon{ display:inline-block; background-image:url(../images/icon.png); background-repeat:no-repeat; background-size:250px 300px; vertical-align:middle;}
.icon-back{ width:11px; height:20px; background-position:0 0; margin-bottom:3px;}
.icon-message{ width:20px; height:20px; background-position:-15px 0; margin-bottom:3px; position:relative;}
.icon-nav1{ width:23px; height:28px; background-position:0 -75px; margin:.15rem 0 .35rem 0;}
.icon-nav2{ width:21px; height:28px; background-position:-25px -75px; margin:.15rem 0 .35rem 0;}
.icon-nav3{ width:23px; height:28px; background-position:-50px -75px; margin:.15rem 0 .35rem 0;}
.icon-detail{ width:12px; height:9px; background-position:-40px 0; margin:0 5px 2px 0;}
.icon-gotop{ width:19px; height:23px; background-position:-55px 0; margin-bottom:3px;}
.icon-mtb1{ width:25px; height:25px; background-position:0 -110px; margin-bottom:3px;}
.icon-mtb2{ width:25px; height:25px; background-position:-25px -110px; margin-bottom:3px;}
.icon-mtb3{ width:25px; height:25px; background-position:-50px -110px; margin-bottom:3px;}
.icon-mtb4{ width:25px; height:25px; background-position:-75px -110px; margin-bottom:3px;}
.icon-mtb5{ width:25px; height:25px; background-position:-100px -110px; margin-bottom:3px;}
.icon-mtb6{ width:25px; height:25px; background-position:-125px -110px; margin-bottom:3px;}
.icon-mtb7{ width:25px; height:25px; background-position:-150px -110px; margin-bottom:3px;}
.icon-hot{ width:16px; height:16px; background-position:-75px 0; margin:0 10px 3px 0;}
.icon-share{ width:12px; height:12px; background-position:-95px 0; margin:0 5px 3px 0;}
.icon-search{ width:16px; height:16px; background-position:-115px 0; position:absolute; left:10px; top:50%; margin-top:-8px;}
.icon-close{ width:15px; height:15px; background-position:-135px 0; margin-bottom:4px;}
.icon-delete{ width:16px; height:16px; background-position:-150px 0;}
.icon-refresh{ width:18px; height:18px; background-position:-170px 0; margin-bottom:2px;}
.icon-exit{ width:17px; height:17px; background-position:-190px 0; margin-bottom:2px;}
.icon-wx{ width:26px; height:21px; background-position:-210px 0; margin:0 10px 2px 0;}
.icon-coin{ width:21px; height:25px; background-position:-75px -50px;}
.icon-up{ width:16px; height:22px; background-position:-100px -25px; margin:2px 0 0 10px;}
.icon-down{ width:16px; height:22px; background-position:-120px -25px; margin:2px 0 0 10px;}
.icon-quan{ width:14px; height:14px; background-position:-140px -25px; margin:0 8px 3px 0;}
.icon-like{ width:14px; height:13px; background-position:-155px -25px; margin:0 8px 3px 0;}
.icon-collect{ width:14px; height:14px; background-position:-170px -25px; margin:0 5px 3px 0;}
.icon-gshare{ width:14px; height:14px; background-position:-200px -25px; margin:0 5px 3px 0;}
.icon-pullup{ width:12px; height:12px; background-position:-215px -25px; margin:0 5px 3px 0;}
.icon-pulldown{ width:12px; height:12px; background-position:-230px -25px; margin:0 5px 3px 0;}
.icon-ordtb1{ width:21px; height:25px; background-position:-100px -50px; margin-bottom:5px;}
.icon-ordtb2{ width:21px; height:25px; background-position:-125px -50px; margin-bottom:5px;}
.icon-ordtb3{ width:18px; height:25px; background-position:-150px -50px; margin-bottom:5px;}
.icon-piao{ width:17px; height:17px; background-position:-170px -50px; margin:0 5px 3px 0;}
.icon-tao{ width:17px; height:17px; background-position:-190px -50px; margin:0 5px 3px 0;}
.icon-card{ width:15px; height:11px; background-position:-210px -50px; margin:0 5px 3px 0;}
.icon-orddel{ width:13px; height:13px; background-position:-225px -50px; margin:0 5px 3px 0;}
.icon-steptb1{ width:18px; height:20px; background-position:-80px -80px; margin-bottom:3px;}
.icon-steptb2{ width:18px; height:20px; background-position:-100px -80px; margin-bottom:3px;}
.icon-steptb3{ width:15px; height:20px; background-position:-120px -80px; margin-bottom:3px;}
.icon-steptb4{ width:15px; height:20px; background-position:-135px -80px; margin-bottom:3px;}
.icon-steptb5{ width:22px; height:20px; background-position:-150px -80px; margin-bottom:3px;}
.icon-steptb6{ width:19px; height:20px; background-position:-175px -80px; margin-bottom:3px;}
.icon-steptb7{ width:13px; height:20px; background-position:-195px -80px; margin-bottom:3px;}
.icon-steptb8{ width:14px; height:20px; background-position:-210px -80px; margin-bottom:3px;}
.icon-ratetb1{ width:17px; height:18px; background-position:0 -140px; margin-bottom:5px;}
.icon-ratetb2{ width:18px; height:18px; background-position:-20px -140px; margin-bottom:5px;}
.icon-ratetb3{ width:16px; height:19px; background-position:-40px -140px; margin-bottom:5px;}
.icon-ratetb4{ width:19px; height:17px; background-position:-60px -140px; margin-bottom:5px;}
.icon-ratetb5{ width:18px; height:18px; background-position:-80px -140px; margin-bottom:5px;}
.icon-jsclose{ width:16px; height:16px; background-position:-225px -80px; margin-bottom:2px;}
.icon-system{ width:33px; height:33px; background-position:0 -160px; margin:0 8px 3px 0;}
.icon-active{ width:33px; height:33px; background-position:-35px -160px; margin:0 8px 3px 0;}
.icon-livetb1{ width:23px; height:23px; background-position:-70px -160px; margin-bottom:3px;}
.icon-livetb2{ width:23px; height:23px; background-position:-95px -160px; margin-bottom:3px;}
.icon-livetb3{ width:23px; height:23px; background-position:-120px -160px; margin-bottom:3px;}
.icon-livetb4{ width:23px; height:23px; background-position:-145px -160px; margin-bottom:3px;}
.icon-raiders{ width:14px; height:14px; background-position:-100px -140px; margin:0 8px 3px 0;}
.icon-ticket{ width:14px; height:14px; background-position:-115px -140px; margin:0 8px 3px 0;}
.icon-time{ width:16px; height:16px; background-position:-130px -140px; margin:0 8px 3px 0;}
.icon-adintro{ width:22px; height:22px; background-position:0 -195px; margin:0 8px 4px 0;}
.icon-sjintro{ width:22px; height:22px; background-position:-25px -195px; margin:0 8px 4px 0;}
.icon-sjphone{ width:22px; height:22px; background-position:-50px -195px; margin:0 8px 4px 0;}
.icon-stclose{ width:32px; height:32px; background-position:-185px -160px; margin-bottom:3px;}
.icon-helptb1{ width:23px; height:23px; background-position:-75px -195px; margin:0 8px 4px 0;}
.icon-helptb2{ width:23px; height:23px; background-position:-100px -195px; margin:0 8px 4px 0;}
.icon-helptb3{ width:23px; height:23px; background-position:-125px -195px; margin:0 8px 4px 0;}
.icon-helptb4{ width:23px; height:23px; background-position:-150px -195px; margin:0 8px 4px 0;}
.icon-helptb5{ width:23px; height:23px; background-position:-175px -195px; margin:0 8px 4px 0;}
.icon-helptb6{ width:23px; height:23px; background-position:-200px -195px; margin:0 8px 4px 0;}
.icon-ask{ width:23px; height:23px; background-position:-175px -110px; margin:0 8px 2px 0;}
.icon-is{ width:19px; height:19px; background-position:0 -220px; margin:0 8px 2px 0;}
.icon-no{ width:19px; height:19px; background-position:-20px -220px; margin:0 8px 2px 0;}
.icon-global{ width:14px; height:16px; background-position:-185px -140px; margin:0 5px 4px 0;}
.icon-friends{ width:16px; height:13px; background-position:-200px -140px; margin:0 5px 3px 0;}
.icon-yu{ width:20px; height:20px; background-position:-80px -220px; margin:0 10px 3px 0;}
.icon-zhi{ width:20px; height:20px; background-position:-100px -220px; margin:0 10px 3px 0;}
.icon-esclose{ width:16px; height:16px; background-position:-220px -140px; margin-bottom:3px;}
.icon-tl{ width:19px; height:18px; background-position:-200px -110px; margin:0 6px 3px 0;}
.icon-pack-b{ width:14px; height:17px; background-position:-220px -110px; margin:0 4px 3px 8px;}
.icon-pack{ width:11px; height:12px; background-position:-235px -110px; margin:0 4px 3px  8px;}
.icon-agent-tb1{ width:23px; height:23px; background-position:0 -240px; margin:0 10px 3px 0;}
.icon-agent-tb2{ width:23px; height:23px; background-position:-25px -240px; margin:0 10px 3px 0;}
.icon-agent-tb3{ width:23px; height:23px; background-position:-50px -240px; margin:0 10px 3px 0;}
.icon-agent-tb4{ width:23px; height:23px; background-position:-75px -240px; margin:0 10px 3px 0;}
.icon-agent-tb5{ width:23px; height:23px; background-position:-100px -240px; margin:0 10px 3px 0;}
.icon-tel{ width:15px; height:15px; background-position:-120px -220px; margin-bottom:2px;}

.c-list{ background:#fff;}
.c-list > li{ display:box; display:-webkit-box; padding:.5rem .75rem; position:relative; overflow-x:hidden; line-height:1.5rem; font-size:.75rem;}
.c-list > li:before{ content:''; width:100%; height:1px; background:#f1f1f1; position:absolute; left:0; bottom:0; z-index:1; transform:translateX(.5rem); -webkit-transform:translateX(.5rem);}
.c-list > li:last-child:before{ display:none;}
.list-borb > li:last-child:before{ display:block;}
.c-list > li.list-goods{ line-height:1.5;}
.c-list-key{ box-flex:0; -webkit-box-flex:0;}
.c-list-img{ box-flex:0; -webkit-box-flex:0; width:3.25rem; height:3.25rem; margin-right:.7rem;}
.c-list-img.w45{ width:2.25rem; height:2.25rem;}
.c-list-img img{ width:100%; height:100%; border-radius:.25rem;}
.c-list-head{ box-flex:0; -webkit-box-flex:0; width:2.75rem; height:2.75rem; margin-right:.7rem;}
.c-list-head img{ width:100%; height:100%; border-radius:50%;}
.c-list-info{ box-flex:1; -webkit-box-flex:1;}
.c-list-mess{ box-flex:1; -webkit-box-flex:1; line-height:1.3; color:#999;}
.c-list > li.islink:active{ background:#fafafa;}
.c-list > li.c-arrow-r{ position:relative; padding-right:1.75rem;}
.c-list > li.c-arrow-r:active{ background:#fafafa;}
.c-list > li.c-arrow-r:after{ position: absolute; top: 50%; right: 0.75rem; margin-top: -4px; content: ""; display: block; width: 8px; height: 8px; border: solid #ccc; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.c-list > li.c-list-a{ padding:0; display:block; margin-left:0;}
.c-list > li.c-list-a > a{ display:box; display:-webkit-box; padding:.5rem .75rem; color:#333;}
.c-list > li.c-list-a > a.c-arrow-r{ position:relative; padding-right:1.75rem;}
.c-list > li.c-list-a > a.c-arrow-r:after{ position: absolute; top: 50%; right: 0.75rem; margin-top: -4px; content: ""; display: block; width: 8px; height: 8px; border: solid #ccc; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.c-list > li.c-list-a > a:active{ background:#fafafa;}
.c-list > li.ptb5{ padding-top:.25rem; padding-bottom:.25rem;}
.c-list > li.pr0{ padding-right:0;}
.c-list > li.pr30{ padding-right:1.75rem;}
.c-list > li.c-list-a > a.pr30{ padding-right:1.75rem;}
.c-list-icon > li:before{ transform:translateX(2.4rem); -webkit-transform:translateX(2.4rem);}
.c-list-icon > li.c-list-a > a{ font-size:.75rem;}
.c-list-tb{ width:1.65rem;}
.list-text{ display:block; width:100%; height:1.5rem; background:none;}
.lih20{ line-height:1rem;}
.mt3{ margin-top:.15rem;}
.mt2{ margin-top:.1rem;}
.c-ff425d{ color:#ff425d;}

/* index */
.top-head{ height:33px; width:33px; display:block; position:absolute; left:10px; bottom:5px }
.top-head a{ display:block;}
.top-head img{ width:100%; height:100%; border-radius:50%;}
.logo-img{ height:28px; vertical-align:middle; margin-bottom:3px;}
.top-right{ height:44px; line-height:44px; position:absolute; right:0; bottom:0; font-size:.7rem; color:#666; padding-right:.5rem;}
.top-right a{ display:inline-block; padding:0 .25rem 0 .35rem;}
.icon-message.new:before{ content:''; display:block; width:7px; height:7px; background:#e8455b; border-radius:50%; position:absolute; left:21px; top:-3px;}
.index-nav{ background:#fff; display:box; display:-webkit-box;}
.index-nav a{ box-flex:1; -webkit-box-flex:1; width:1px; height:4rem; text-align:center; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; font-size:.6rem; color:#666; line-height:.7rem;}
.index-nav a label{ display:block; height:2rem; line-height:2rem; margin-bottom:.15rem;}
.index-nav a img{ height:3.9rem;}
.index-nav a:active{ background:#fafafa;}
.index-silder .swiper-slide a{ display:block;}
.index-silder .swiper-slide img{ width:100%;}
.index-report{ background:#fff; padding-left:.75rem;}
.tot-title{ font-size:.7rem; font-weight:700; padding-top:.5rem;}
.ir-earn{ position:relative; line-height:1.5; padding:.5rem .75rem .5rem 0;}
.ir-earn-detail{ display:block; width:2.8rem; height:1.25rem; line-height:1.15rem; text-align:center; color:#666; border:1px solid #666; border-radius:.6rem; position:absolute; right:.75rem; top:50%; margin-top:-.6rem;}
.ir-leave{ display:box; display:-webkit-box; border-top:1px solid #eee; padding:.5rem 0;}
.ir-leave a{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; color:#999; line-height:1.6;}
.index-order{ background:#fff;}
.tab-piao{ display:inline-block; width:.8rem; height:.8rem; line-height:.8rem; text-align:center; font-size:12px; background:#4cc3f9; color:#fff; border-radius:2px; vertical-align:middle; margin:0 5px 2px 0;}
.tab-keep{ display:inline-block; min-width:2.2rem; line-height:1; text-align:center; font-size:12px; background:#78d75a; color:#fff; border-radius:2px; vertical-align:middle; margin:0 5px 2px 0; padding:3.5px 5px 4px 5px;}
.index-order-more{ display:block; line-height:2rem; text-align:center; color:#f4436d; font-size:.75rem; border-top:1px solid #f1f1f1;}
.index-adv{ padding:.5rem 0;}
.index-adv a{ display:block; margin-top:.5rem;}
.index-adv a:first-child{ margin-top:0;}
.index-adv a img{ width:100%; border-radius:.3rem;}
.index-share{ display:box; display:-webkit-box; padding:.5rem .75rem; overflow:auto; -webkit-overflow-scrolling:touch;}
.index-share::-webkit-scrollbar{ opacity:0; display:none;}
.index-share a{ display:block; box-flex:0; -webkit-box-flex:0; margin-right:.5rem;}
.index-share a img{ height:4.6rem;}
.index-share a:active{ opacity:.8;}
.index-share:after{ content:''; display:inline-block; width:1px; overflow:hidden;}
.tot-copy{ height:2.5rem;}
.tot-copy > div{ line-height:2.5rem; text-align:center; color:#999; padding:0 .5rem;}
.gotop{ width:2rem; height:2rem; line-height:2rem; text-align:center; background:#fff; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,.1); position:fixed; right:1rem; bottom:2.75rem; display:none; z-index:10}
.gotop:active{ background:#fafafa;}
.cointip{ width:25px; height:25px; text-align:center; position:fixed; left:100%; top:100%; opacity:0; animation: coin .6s linear; -webkit-animation: coin .6s linear; z-index:12;}
@-webkit-keyframes coin{
	0%   { left:60%; margin-left:-60px; top:60%; margin-top:-50px; opacity:1;}
	100% { left:100%; margin-left:-60px; top:100%; margin-top:-50px; opacity:.1;}
}
.coinnum{ position:fixed; width:25%; text-align:center; z-index:12; right:0; bottom:60px;}
.coinnum > div{ display:inline-block; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.4); line-height:1.5rem; padding:0 .5rem; border-radius:.8rem; font-size:.7rem; color:#ff425d; position:relative;}
.coinnum > div .icon-coin{ margin:0 5px 3px 0;}
.coinnum > div:before{ content:''; display:block; width:20px; height:16px; background:url(../images/jt.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; margin-left:-10px; bottom:-12px;}

/* 个人中心 */
.space{ height:.5rem; background:#f4f4f4;}
.user-head{ width:2.25rem; height:2.25rem; margin-right:0;}
.w65{ width:3.25rem;}
.getcode{ display:block; width:5.5rem; text-align:center; color:#ff425d; border-left:1px solid #f1f1f1;}
.getcode.disable{ color:#ccc;}
.user-tel{ line-height:2.25rem; padding:0 .75rem; background:#f4f4f4; font-size:.75rem; color:#666;}
.rise-share{ padding:1rem .75rem;}
.rise-share a{ display:block; margin-top:.5rem; transition:all .3s ease; -webkit-transition:all .3s ease;}
.rise-share a:first-child{ margin-top:0;}
.rise-share a img{ width:100%;}
.rise-share a:active{ opacity:.8;}
.h45{ height:2.25rem;}
.fix-btn{ display:block; width:100%; height:2.25rem; line-height:2.25rem; text-align:center; position:fixed; left:0; bottom:0; z-index:5; font-size:.8rem; color:#fff; background:#ff425d;}
.fix-btn:active{ background:#f32442;}
.lucre-top{ text-align:center; background:#fff; padding:1rem .75rem; font-size:.75rem;}
.w100{ width:5rem;}
/* 花钱 */
.top-search{ padding:5px 10px 0 53px;}
.top-search a{ display:block; height:33px; background:#f4f4f4; overflow:hidden; border-radius:3px;}
.top-search-s{ display:block; float:right; width:2.5rem; height:33px; line-height:33px; text-align:center; color:#fff; background:#f4436d; background: linear-gradient( left,#f4436d,#f4436d); background: -webkit-linear-gradient( left,#f97e92,#f4436d);}
.h31{ height:1.55rem;}
.spent-top{ width:100%; height:1.55rem; position:fixed; left:0; top:44px; z-index:12; background:#fff; padding-right:3rem; border-bottom:1px solid #f4f4f4;}
.spent-lab{ display:box; display:-webkit-box; overflow:auto; -webkit-overflow-scrolling:touch; line-height:1.3rem; padding-bottom:.3rem;}
.spent-lab::-webkit-scrollbar{ opacity:0; display:none;}
.spent-lab:after{ content:''; display:inline-block; width:.5rem; height:100%; overflow:hidden;}
.spent-lab a{ display:block; box-flex:0; -webkit-box-flex:0; padding:0 .2rem; margin-left:.5rem; font-size:.75rem;}
.spent-lab a.curr{ color:#ff425d; position:relative;}
.spent-lab a.curr:before{ content:''; display:block; width:100%; height:2px; background:#ff425d; position:absolute; left:0; bottom:-1px;}
.spent-more{ position:absolute; padding:0 .5rem; right:0; top:.35rem; font-size:.65rem; color:#ff425d; line-height:1; border-left:1px solid #aaa;}
.spent-more:before{ content:'更多'; display: inline-block;}
.spent-more:after{ content: ""; display: inline-block; width: 6px; height: 6px; border: solid #ff425d; border-width: 1px 1px 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); vertical-align:middle; margin:0 0 6px 5px; transition:all .3s ease; -webkit-transition:all .3s ease;}
.spent-more.sshow:before{ content:'收起';}
.spent-more.sshow:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin:1px 0 0 5px;}
.spent-silder{ position:relative; overflow:hidden;}
.spent-silder .swiper-slide a{ display:block; width:100%; height:0; padding-bottom:40%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.spent-silder .swiper-slide img{ width:100%;}
.silder-mask{ position:absolute; width:200%; height:100px; left:50%; bottom:-93px; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#fff; border-radius:100%; z-index:10;}
.spent-nav{ background:#fff; display:box; display:-webkit-box;}
.spent-nav a{ box-flex:1; -webkit-box-flex:1; width:1px; height:4.5rem; text-align:center; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; font-size:.65rem; color:#000; line-height:1.3; padding-top:.2rem;}
.spent-nav a:active{ background:#fafafa;}
.spent-nav a i{ display:inline-block; width:50px; height:50px; background:url(../images/spent-navtb.png) no-repeat; background-size:250px 50px;}
.spent-nav a i.spent-nav-tb1{ background-position:0 0;}
.spent-nav a i.spent-nav-tb2{ background-position:-50px 0;}
.spent-nav a i.spent-nav-tb3{ background-position:-100px 0;}
.spent-nav a i.spent-nav-tb4{ background-position:-150px 0;}
.spent-nav a i.spent-nav-tb5{ background-position:-200px 0;}
.spent-nav a p{ color:#000;}
.spent-nav a p:nth-child(2){ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spent-nav a.curr p.c-55c5a9{ color:#55c5a9;}
.spent-nav a.curr p.c-ff634e{ color:#ff634e;}
.spent-nav a.curr p.c-ff962d{ color:#ff962d;}
.spent-nav a.curr p.c-8f73ea{ color:#8f73ea;}
.spent-nav a.curr p.c-4cb2fa{ color:#4cb2fa;}
.spent-hot{ overflow:hidden; padding-left:.5rem;}
.spent-hot li{ width:50%; float:left; padding-right:.5rem; margin-top:.5rem;}
.spent-hot li:first-child,.spent-hot li:nth-child(2){ margin-top:0;}
.spent-hot li a{ display:block; width:100%; height:0; padding-bottom:72%; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.spent-tit{ text-align:center; line-height:2rem; color:#666;}
.spent-new{ overflow:hidden; padding-left:.5rem;}
.spent-new li{ width:50%; float:left; padding-right:.5rem; margin-top:.5rem; position:relative;}
.spent-new li:first-child,.spent-new li:nth-child(2){ margin-top:0;}
.spent-new li > div{ width:100%; background:#fff; padding-bottom:.25rem;}
.sn-img{ width:100%; height:0; padding-bottom:100%; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sn-tit{ height:1.2rem; line-height:1.2rem; font-size:.7rem; padding:0 .4rem;}
.sn-tit img{ width:.7rem; height:.7rem; vertical-align:middle; margin-right:5px; position:relative; top:-2px;}
.sn-cost{ height:1.2rem; line-height:1.2rem; padding:0 .4rem; color:#ff425d; font-size:.6rem;}
.sn-bot{ height:1rem; line-height:1rem; padding:0 .4rem;}
.tab-quan{ display:inline-block; line-height:.9rem; font-size:10px; color:#ff425d; border-radius:.1rem; background:url(../images/quan.png) right center no-repeat; background-size:auto 100%; padding:0 .25rem; position:relative;}
.tab-quan:before{ content:''; display:block; width:5px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/quan.png) left center no-repeat; background-size:auto 100%;}
.sn-share{ position:absolute; right:.9rem; bottom:0; font-size:12px; color:#ff425d; line-height:1; padding:.25rem 0 .3rem 0;}
.spent-lab-mb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:11; background:rgba(0,0,0,.3);}
.spent-lab-dl{ width:100%; position:absolute; background:#fff; overflow:hidden; left:0; top:1.55rem; padding:.8rem 0;}
.spent-lab-dl li{ width:33.33%; float:left; padding:0 .4rem;}
.spent-lab-dl li a{ display:block; height:1.5rem; line-height:1.5rem; text-align:center; background:#f2f2f2; border-radius:.2rem; margin-bottom:.8rem; font-size:.65rem; color:#666;}
.spent-lab-dl li a:active{ background:#e1e1e1;}
.goods-lab a{ display:inline-block; padding:0 .25rem; line-height:44px; position:relative; margin:0 .4rem; font-size:.75rem;}
.goods-lab a.curr{ color:#ff425d;}
.goods-lab a.curr:before{ content:''; display:block; width:100%; height:2px; background:#ff425d; position:absolute; left:0; bottom:3px;}
.top-right a.share-earn{ width:60px; height:25px; line-height:25px; text-align:center; padding:0; font-size:12px; color:#fff; border-radius:12px; background:#ff425d; vertical-align:middle; margin-bottom:2px;}
.goods-slide .swiper-slide{ width:100%; height:0; padding-bottom:100%; background-size:cover; background-repeat:no-repeat;}
.goods-slide .swiper-pagination-bullet{ background:#8c8c8c; opacity:1;}
.goods-slide .swiper-pagination-bullet-active{ background:#ff425d; opacity:1;}
.goods-top{ padding:.4rem .75rem; font-size:.7rem;}
.goods-top h4{ line-height:1.2; margin-bottom:.15rem;}
.goods-cost{ line-height:2rem; padding:0 .75rem; border-top:2px solid #f4f4f4; font-size:.75rem; display:box; display:-webkit-box;}
.goods-cost > div{ box-flex:1; -webkit-box-flex:1; width:1px; color:#808080;}
.oldcost{ text-decoration:line-through;}
.goods-sugg{ padding:.5rem .75rem; border-top:2px solid #f4f4f4; font-size:.7rem; color:#999; line-height:1.3;}
.goods-sugg h4{ margin-bottom:.25rem;}
.goods-like{ background:#fff; position:relative; z-index:1;}
.like-tit{ text-align:center; line-height:1.75rem; background:#f4f4f4; color:#666;}
.like-list{ width:100%; display:box; display:-webkit-box; overflow:auto; -webkit-overflow-scrolling:touch; padding-bottom:.5rem;}
.like-list::-webkit-scrollbar{ opacity:0; display:none;}
.like-list li{ box-flex:0; -webkit-box-flex:0; width:5rem;}
.like-list li a{ display:block; padding:0 .25rem; color:#996633;}
.like-list li a h4{ margin-bottom:.15rem; margin-top:.5rem}
.lil-img{ width:4.5rem; height:4.5rem;}
.lil-img img{ width:100%; height:100%;}
.h46{ height:2.3rem;}
.goods-bot{ width:100%; height:2.3rem; background:#fff; position:fixed; left:0; bottom:0; z-index:10; border-top:1px solid #eee; display:box; display:-webkit-box;}
.gdb-left{ box-flex:1; -webkit-box-flex:1; width:1px; display:box; display:-webkit-box;}
.gdb-left a{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; line-height:2.2rem; font-size:.7rem; color:#444; position:relative;}
.gdb-left a:before{ content:''; display:block; width:1px; height:1rem; background:#cecece; position:absolute; left:0; top:50%; margin-top:-.5rem;}
.gdb-left a:first-child:before{ display:none;}
.gdb-buy{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; height:2.3rem; line-height:2.3rem; text-align:center; background:#ff425d; position:relative; top:-1px; font-size:.8rem; color:#fff;}
.collect.checked .icon-collect{ background-position:-185px -25px;}
.gdb-tip{ display:inline-block; width:73px; height:20px; line-height:20px; background:url(../images/gdb-tip.png) no-repeat; background-size:100% 100%; text-align:center; color:#ff425d; font-size:12px; vertical-align:middle; margin:0 .5rem .1rem 0;}
.pull-box{ height:1.75rem; line-height:1.75rem; background:#f4f4f4; text-align:center; color:#999;}
.goods-intro .img-box{ position:relative; z-index:3;}
.goods-hold{ height:100%; overflow:hidden;}
.goods-mess,.goods-intro{ height:400px; overflow:auto; -webkit-overflow-scrolling:touch;}
.spent-hold{ overflow:auto; -webkit-overflow-scrolling:touch; padding-bottom:10px;}

/* --分享*/
.share-pop-mb{ width:100%; height:100%; background:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:260;}
.share-pop{ width:100%; background:#fff; border-radius:.5rem .5rem 0 0; position:fixed; left:0; bottom:0; z-index:261; padding:.5rem .75rem 1rem .75rem; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
.share-pop h2{ font-size:.75rem; color:#ff425d; text-align:center; line-height:1.5rem; padding:0 .5rem; font-weight:bold;}
.share-pop h4{ color:#ff425d; line-height:1.6; border-bottom:1px solid #eee; padding-bottom:.5rem;}
.share-con{ background:#f2f1f1; color:#666; padding:.5rem; border-radius:.5rem; margin:.5rem .1rem 0 .1rem; line-height:1.6;}
.share-road{ display:box; display:-webkit-box;}
.share-road a{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; font-size:.7rem; color:#444; line-height:1.3;}
.share-tb-wx,.share-tb-pyq{ display:inline-block; width:57px; height:57px; background:url(../images/share-tb.png) no-repeat; background-size:115px 57px;}
.share-tb-pyq{ background-position:-58px 0;}
.share-pop.c-hide{ display:block; bottom:-100%; opacity:0;}

/* 搜索 */
.search-hold{ padding:5px 0 0 45px; display:box; display:-webkit-box;}
.c-search{ box-flex:1; -webkit-box-flex:1; height:33px; background:#f4f4f4; border-radius:15px; padding:0 32px 0 32px; position:relative;}
.search-text{ display:block; width:100%; height:33px; padding:3px 0; background:none;}
.search-clear{ height:33px; line-height:33px; padding:0 10px; text-align:right; position:absolute; right:0; top:0; opacity:.7; display:none;}
.search-btn{ display:block; line-height:33px; box-flex:0; -webkit-box-flex:0; padding:0 12px; font-size:.75rem;}
.search-his{}
.search-his h4{ padding:0 .75rem; font-size:.75rem; overflow:hidden; line-height:2rem;}
.his-delete{ padding-left:.5rem;}
.search-list{ padding-left:.75rem;}
.search-list a{ display:inline-block; height:1.5rem; line-height:1.5rem; font-size:.65rem; margin-right:.7rem; background:#f5f5f5; color:#666; border-radius:.75rem; padding:0 .7rem; margin-bottom:.6rem;}
.search-list a:active{ background:#e6e1e1;}
.h40{ height:2rem;}
.result-lab{ width:100%; height:2rem; line-height:1.9rem; position:fixed; left:0; top:44px; z-index:10; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#fff;}
.result-lab ul{ display:box; display:-webkit-box;}
.result-lab li{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center;}
.result-lab li a{ display:inline-block; padding:0 .2rem; font-size:.75rem; color:#999;}
.result-lab li a.curr{ color:#ff425d; position:relative;}
.result-lab li a.curr:before{ content:''; display:block; width:100%; height:2px; background:#ff425d; position:absolute; left:0; bottom:5px;}
.nomess{ text-align:center; color:#cfc5c3; font-size:.7rem; padding:3rem .75rem 2rem .75rem;}
.nomess-tb{ display:inline-block; width:6.8rem; height:6.025rem; background:url(../images/nomess.png) no-repeat; background-size:100% 100%;}
.nomess p.mt5{ margin-top:1rem;}
.img-box a{ display:block;}
.img-box img{ width:100%; vertical-align:middle;}
/* 文章 */
.intro-video{ position:relative;}
.intro-video img{ width:100%; vertical-align:middle;}
.video-box{ width:70.6%; height:150px; position:absolute; left:12.5%; top:14%;}
.unable-con{ padding:1rem .75rem; line-height:1.5}
.unable-con h4{ font-size:.8rem; margin-bottom:1rem; line-height:1.6;}
.unable-con p{ font-size:.7rem; color:#777; margin-bottom:1rem; line-height:1.6;}
/* 登录 */
.login-top{ background:#fff; padding:2rem 0 1.2rem 0;}
.login-slider .swiper-slide a{ display:block;}
.login-slider .swiper-slide img{ width:100%;}
.login-slider .swiper-container{ padding-bottom:1rem;}
.login-slider .swiper-pagination-bullet{ background:#000; opacity:.1}
.login-slider .swiper-pagination-bullet-active{ background:#000; opacity:.4}
.login-slider .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.login-btn{ padding:0 4rem;}
.login-btn .c-btn{ box-shadow:0px 3px 7px #ffacb9;}
.login-ing{ width:100%; height:100%; background:#fff; position:fixed; left:0; bottom:0; z-index:20; transition:all .3s ease; -webkit-transition:all .3s ease;}
.login-ing.c-hide{ display:block; bottom:-100%; opacity:0;}
.login-tip{ text-align:center;}
.login-tip a{ color:#999; font-size:.65rem; text-decoration:underline;}
.login-exit{ width:2rem; height:2rem; line-height:2rem; text-align:center; position:absolute; right:0; top:0;}
.login-other{ width:100%; position:absolute; left:0; bottom:1rem; text-align:center; line-height:1.2; color:#999; font-size:.7rem;}
.log-into{ display:inline-block; width:2rem; height:1.2rem; line-height:1.2rem; text-align:center; margin-top:3px;}
.log-into:before{ content: ""; display: inline-block; width: 10px; height: 10px; border: solid #ccc; border-width: 1px 1px 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); vertical-align:middle; margin-bottom:5px;}
.log-into.li-back:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom:-8px;}
.login-tel{ width:100%; position:absolute; left:0; bottom:5rem; text-align:center;}
.login-tel a{ display:inline-block; color:#666;}
.log-tel-tb{ display:inline-block; width:2.5rem; height:2.5rem; background:url(../images/log-tb.png) no-repeat; background-size:100% 100%;}
.login-tel a:active{ opacity:.8;}
.login-head{ text-align:center; padding:1.25rem;}
.login-head img{ width:3rem; height:3rem; border-radius:50%;}
.bind-tip{ overflow:hidden; margin:.5rem .75rem; background:#f1f1f1; padding:.5rem; color:#999; border-radius:.25rem; line-height:1.6;}

.pack-pop{ width:13.6rem; height:12.4rem; background:url(../images/view/pack-bg.png) no-repeat; background-size:100% 100%; position:fixed; left:50%; margin-left:-6.8rem; top:50%; margin-top:-6.2rem; z-index:260; overflow:hidden;}
.pack-box{ width:10rem; text-align:center; margin:6rem auto 0 auto; color:#fff;}
.pack-btn{ display:block; width:6.75rem; height:1.5rem; line-height:1.4rem; text-align:center; color:#ffc77e; border:1px solid #ffc77e; border-radius:.4rem; margin:1rem auto 0 auto;}
.pack-btn:active{ background:#cc2323}
.pack-top{ width:100%; position:absolute; left:0; top:9%; font-size:.65rem; color:#cc5d22; text-align:center;}
.pack-top h4{ font-size:.75rem; color:#ff6742; margin-top:.5rem; padding-left:.5rem;}
.pack-top h4 i{ font-size:2.2rem;}
.pack-pop-mb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:255; background:rgba(0,0,0,.3);}
.c-failstate{ padding:4.5rem .75rem 1.5rem .75rem; font-size: .7rem; color: #999; line-height: 1rem;}
.c-failstate a{ color:#007cd9; margin-left:.1rem;}
.c-failstate a.c-btn{ color:#fff;}
.icon-errortb{ display:inline-block; width:5.55rem; height:4.55rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/norefresh.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
.guide-hold{ width:100%; height:100%; position:fixed; left:0; top:0;}
.guide-box{ width:100%; height:100%;}
.guide-bg1{ background:url(../images/view/guide-bg1.jpg) center top no-repeat; background-size:100% auto;}
.guide-bg2{ background:url(../images/view/guide-bg2.jpg) center top no-repeat; background-size:100% auto;}
.guide-bg3{ background:url(../images/view/guide-bg3.jpg) center top no-repeat; background-size:100% auto;}
.guide-bg4{ background:url(../images/view/guide-bg4.jpg) center top no-repeat; background-size:100% auto;}
.guide-bot{ width:100%; position:absolute; left:0; bottom:0; z-index:1;}
.guide-bot img{ width:100%; vertical-align:middle;}
.guide-mess{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.guide-mess img{ width:100%;}
.guide-bg1 .guide-mess{ width:14.075rem; transform:translate(-48%,-50%); -webkit-transform:translate(-48%,-50%);}
.guide-bg2 .guide-mess{ width:14.8rem; transform:translate(-46%,-50%); -webkit-transform:translate(-46%,-50%);}
.guide-bg3 .guide-mess{ width:13.55rem;}
.guide-bg4 .guide-mess{ width:13.5rem;}
/* 生钱 */
.made-top{ background:#fff; padding:1.5rem .75rem 1rem .75rem; font-size:.65rem; position:relative;}
.made-top > a{ display:inline-block; color:#666;}
.made-top > a h4{ font-size:1.5rem; font-weight:bold; line-height:1.2;}
.made-mony{ display:box; display:-webkit-box; background:#fff; padding:.5rem .75rem 1rem 0 ;}
.made-mony > a{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; padding-left:.75rem; font-size:.65rem; color:#666;}
.made-mony > a h4{ font-size:1rem; color:#444; font-weight:bold; margin:.4rem 0 .6rem 0;}
.made-nav{ display:box; display:-webkit-box; background:#fff; border-top:1px solid #eee;}
.made-nav a{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; line-height:2rem; border-left:1px solid #eee; font-size:.75rem; color:#ff425d;}
.made-nav a:first-child{ border-left:none;}
.made-nav a:active{ background:#fafafa;}
.made-active{ background:#fff; padding-top:1rem;}
.made-active h4{ font-size:.8rem; font-weight:700; text-align:center;}
.made-active h6{ color:#666; text-align:center; margin-top:.4rem;}
.mae-list{ display:box; display:-webkit-box; padding:1rem .25rem 1rem .75rem; overflow:auto; -webkit-overflow-scrolling:touch;}
.mae-list::-webkit-scrollbar{ opacity:0; display:none;}
.mae-list a{ display:block; box-flex:1; -webkit-box-flex:1;margin-right:.5rem;}
.mae-list a img{ width:100%;}
.mae-list a:active{ opacity:.8;}
.made-pill{ background:#fff; padding-top:1rem; padding-bottom:.5rem;}
.pill-num{ text-align:center; font-size:1.25rem; color:#ff425d; text-align:center;}
.pill-bar{ display:box; display:-webkit-box; margin-top:1.6rem;}
.pill-bar li{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; color:#e1e1e1; font-size:12px;}
.pill-bar li label{ display:block; width:.75rem; height:4.5rem; position:relative; margin:0 auto .25rem auto;}
.pill-bar li label i{ display:block; width:100%; height:100%; background:#e1e1e1; position:absolute; left:0; bottom:0; border-radius:.9rem;}
.pill-bar li.curr{ color:#ff425d}
.pill-bar li.curr label i{ background:#e63a68;}
.tab-expect{ display:inline-block; line-height:1; text-align:center; font-size:12px; color:#ff425d; border:1px solid #ff425d; border-radius:2px; vertical-align:middle; margin:0 10px 2px 0; padding:2.5px 7px 3px 7px;}
.pill-more{ display:inline-block; width:3.5rem; height:1.3rem; line-height:1.3rem; text-align:center; color:#fff; background:#ff425d; border-radius:.2rem; font-size:.6rem;}
.pill-more:active{ background:#eb2a46;}
.detail-top{ background:#fff; padding:1rem .75rem .75rem .75rem; font-size:.75rem; position:relative;}
.detail-top h4{ font-size:1.75rem; color:#ff425d; margin-top:.5rem;}
.detail-top-btn{ display:inline-block; height:1.25rem; line-height:1.15rem; color:#ff425d; border:1px solid #ff425d; padding:0 .75rem; border-radius:.8rem; font-size:15px; position:absolute; right:.75rem; bottom:.75rem;}
.detail-top-btn:active{ background:#fafafa;}
.detail-list li{ line-height:1.4;}
.sjc-b{ display:inline-block; vertical-align:middle;font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 5px; border-top-color: #9a9a9a; border-top-style: solid; margin:2px 0 0 5px; transition:all .2s ease; -webkit-transition:all .2s ease;}
.mui-title.ashow .sjc-b{ transform:rotate(180deg); -webkit-transform:rotate(180deg); margin:0 0 6px 5px;}
.detail-lab-mb{ width:100%; height:100%; background:rgba(0,0,0,.7); position:fixed; left:0; top:60px; z-index:100; display:none;}
.detail-lab{ position:absolute; width:100%; background:#fff; left:0; bottom:0; transform:translateY(100%); -webkit-transform:translateY(100%); z-index:200; padding:1rem 0 1rem .5rem; border-radius:0 0 .6rem .6rem; display:none;}
.detail-lab a{ display:block; float:left; line-height:1.4rem; color:#999; border:1px solid #999; padding:0 .75rem; margin-right:.5rem; margin-bottom:.5rem; border-radius:.7rem;}
.detail-lab a.curr{ color:#ff425d; border:1px solid #ff425d;}
.cash-top{ background:#fff; text-align:center; line-height:55px; padding:.75rem .75rem 1.5rem .75rem}
.cash-top img{ vertical-align:middle;}
.w90{ width:4.5rem;}
.cash-pop-mb{ width:100%; height:100%; background:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:8; display:none;}
.cash-pop{ width:15rem; position:fixed; left:50%; margin-left:-7.5rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#fff; padding:1.5rem .75rem .75rem .75rem; z-index:9; border-radius:.5rem; font-size:.85rem; text-align:center; line-height:1.3; display:none;}
.cash-pop:before{ content:''; display:block; width:73px; height:65px; background:url(../images/cash-tb3.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; margin-left:-36px; top:-51px;}
.chp-btn{ display:box; display:-webkit-box;}
.chp-btn a{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; height:2rem; line-height:1.9rem; background:#ff425d; color:#fff; font-size:.75rem; border-radius:.3rem; border:1px solid #ff425d;}
.chp-btn a.chp-btn-back{ background:#fff; color:#444; margin-right:.75rem;}
.rate-box{ background:#fff; padding:1rem;}
.rate-tit{ font-size:.7rem; color:#666; text-align:center;}
.rate-rule li{ line-height:1rem; font-size:.65rem; color:#999; margin:.3rem 0; position:relative; padding-left:.6rem;}
.rate-rule li label{ position:absolute; left:0; top:0; font-weight:bold; font-size:12px;}
.rate-bar{ width:100%; height:6px; background:#f4f4f4; border-radius:3px; position:relative; margin-top:1.75rem;}
.progress{ width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient( left,#e37474,#ff435d); background:-webkit-linear-gradient( left,#e37474,#ff435d); border-radius:3px;}
.bar-rule{ display:block; width:30px; height:18px; line-height:18px; text-align:center; color:#fff; font-size:12px; border-radius:3px; position:absolute; bottom:13px; margin-left:-15px;}
.bar-rule:before{ content:''; display:block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 5px; border-top-color: #9a9a9a; border-top-style: solid; position:absolute; left:10px; bottom:-9px;}
.rule-1{ background:#f66; left:20%;}
.rule-1:before{ border-top-color: #f66;}
.rule-2{ background:#ff914c; left:40%;}
.rule-2:before{ border-top-color: #ff914c;}
.rule-3{ background:#ff425d; left:60%;}
.rule-3:before{ border-top-color: #ff425d;}
.rule-4{ background:#16b1e4; left:80%;}
.rule-4:before{ border-top-color: #16b1e4;}
.rate-top{ width:100%; height:0; padding-bottom:69.33%; background:url(../images/rate/rate-bg.jpg) no-repeat; background-size:100% 100%; position:relative;}
.rate-link{ display:inine-block; text-align:center; position:absolute; font-size:12px; color:#666;}
.rlink-1{ left:50%; top:2%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.rlink-2{ left:11%; top:32%;}
.rlink-3{ left:18%; bottom:15%;}
.rlink-4{ left:70%; bottom:15%;}
.rlink-5{ left:77%; top:32%;}
.rate-chart{ width:50%; height:58%; position:absolute; left:25%; top:18%;}
.rate-word{ width:5rem; text-align:center; position:absolute; left:50%; margin-left:-2.5rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:10px; color:#ffa4b0;}
.rate-word h4{ font-size:.75rem; color:#fff; font-weight:700; margin-bottom:3px;}
.ratejs-pop{ width:12rem; height:13rem; background:#fff; position:fixed; left:50%; margin-left:-6rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:12; border-radius:10px; overflow:hidden; color:#666; line-height:1.2rem;}
.ratejs-pop-mb{ width:100%; height:100%; background:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:11;}
.ratejs-pop .swiper-container{ height:100%;}
.ratejs-pop .swiper-slide{ padding:1rem .75rem;}
.rs-img{ height:5.25rem; text-align:center; padding-top:.25rem;}
.rs-img img{ height:5rem; vertical-align:middle;}
.ratejs-pop h4{ font-size:.8rem; text-align:center; margin:1rem 0 .75rem 0;}
.ratejs-pop .swiper-pagination-bullet{ background:#e2e2e2; opacity:1;}
.ratejs-pop .swiper-pagination-bullet-active{ background:#ff425d; opacity:1;}
.ratejs-pop  .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:10px;}
.ratejs-close{ display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; position:absolute; right:0; top:0; z-index:10;}
a.rate-go{ display:block; width:80px; height:87px; position:absolute; right:.75rem; top:50%; margin-top:-1.5rem; overflow:hidden;}
.rate-go > div{ width:100%; height:100%; position: absolute; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.rate-hj{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); background:url(../images/rate/rate-hj.png) no-repeat; background-size:100% 100%; animation: hj 6s linear infinite alternate; -webkit-animation:hj 6s linear infinite alternate;}
.rate-jd{ transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg);animation: jd 6s linear infinite alternate; -webkit-animation:jd 6s linear infinite alternate;}
@keyframes hj{
	0%  {transform:rotateY(0deg);}
	40% {transform:rotateY(0deg);}
	60% {transform:rotateY(-180deg);}
	100%{transform:rotateY(-180deg);}
}
@-webkit-keyframes hj{
	0%  {-webkit-transform:rotateY(0deg);}
	40% {-webkit-transform:rotateY(0deg);}
	60% {-webkit-transform:rotateY(-180deg);}
	100%{-webkit-transform:rotateY(-180deg);}
}
@keyframes jd{
	0%  {transform:rotateY(-180deg);}
	40% {transform:rotateY(-180deg);}
	60% {transform:rotateY(0deg);}
	100%{transform:rotateY(0deg);}
}
@-webkit-keyframes jd{
	0%  {-webkit-transform:rotateY(-180deg);}
	40% {-webkit-transform:rotateY(-180deg);}
	60% {-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(0deg);}
}
.rate-roc{ margin:0 auto; text-align:center; font-size:9px; color:#666; position:relative;}
.rate-roc h6{ font-size:.65rem; color:#ff425d; margin-bottom:.15rem;}
.jd-circle-hold{ transform:rotate(-145deg); -webkit-transform:rotate(-145deg);}
.jd-circle{ transform-origin: center; -webkit-transform-origin: center; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: stroke-dasharray .3s ease-in; -webkit-transition: stroke-dasharray .3s ease-in;}
.jd-circle-hold input{ display:none;}
.jd-con{ position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.coinguide{ width:25px; height:25px; text-align:center; position:fixed; left:100%; top:100%; opacity:0; animation: coinguide .8s linear; -webkit-animation: coinguide .8s linear; z-index:12;}
@-webkit-keyframes coinguide{
	0%   { left:100%; margin-left:-60px; top:100%; margin-top:-50px; opacity:1;}
	100% { left:80%; margin-left:-60px; top:45%; margin-top:-50px; opacity:.1;}
}

.bgc-3eaae8{ background:#3eaae8;}
.lucre-space{ width:100%; height:0; padding-bottom:38%;}
.lucre-list li{ margin-bottom:.6rem;}
.lucre-list li a{ display:block; position:relative;}
.lucre-list li a img{ width:100%; vertical-align:middle;}
.lucre-con{ width:50.66%; height:71%; position:absolute; left:9%; top:25%; z-index:1; color:#666;}
/* 订单 */
.order-lab a{ width:25%; border:none; margin:0; border-radius:0; color:#666; line-height:1.5; text-align:center; font-size:.6rem; padding:0;}
.order-top{ width:100%; height:2.25rem; line-height:2.25rem; background:#fff; position:fixed; left:0; top:44px; display:box; display:-webkit-box; z-index:10; border-bottom:1px solid #eee;}
.order-top a{ display:block; -webkit-box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; font-size:.7rem; color:#666;}
.order-top a.curr{ color:#ff425d; position:relative;}
.order-top a.curr:before{ content:''; display:block; width:100%; height:2px; background:#ff425d; position:absolute; left:0; bottom:0;}
.order-list{ background:#fff;}
.order-list li{ padding:.5rem 0; border-top:1px solid #f2f2f2;}
.order-list li:first-child{ border-top:none;}
.order-list li > a{ display:box; display:-webkit-box; padding:.25rem 1rem .25rem .5rem; position:relative;}
.order-list li > a:after{ position: absolute; top: 50%; right: 0.75rem; margin-top: -4px; content: ""; display: block; width: 8px; height: 8px; border: solid #ccc; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.order-list li > a:active{ background:#fafafa;}
.ord-img{ -webkit-box-flex:0; -webkit-box-flex:0; width:3.5rem; height:3.5re; margin-right:.75rem;}
.ord-img img{ width:100%; height:100%; border-radius:.25rem;}
.ord-mess{ -webkit-box-flex:1; -webkit-box-flex:1; color:#999;}
.ord-mess h4{ line-height:1rem; color:#444; margin-bottom:.25rem;}
.ord-bot{ font-size:12px; color:#999; line-height:1.25rem; padding:0 .5rem;}
.ord-time{ display:inline-block; width:4.25rem;}
.ord-right{ position:relative; top:-2px; float:right;}
.ord-delete{ float:right;}
.tab-order{ display:block; width:42px; height:20px; line-height:20px; text-align:center; font-size:12px; position:absolute; left:.5rem; top:.25rem; color:#fff; border-radius:2px;}
.bgc-ff6742{ background:#ff6742;}
.bgc-ffc448{ background:#ffc448;}
.bgc-78d75a{ background:#78d75a;}
.bgc-bebebe{ background:#bebebe;}
.order-step{ display:box; display:-webkit-box; background:#fff; padding:1rem 0 .75rem 0;}
.order-step li{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; font-size:.65rem; color:#666; position:relative;}
.order-step li label{ display:inline-block; width:1.7rem; height:1.7rem; line-height:1.7rem; text-align:center; background:#999; border-radius:50%; margin-bottom:.3rem; position:relative; z-index:2;}
.order-step li:before{ content:''; display:block; width:100%; height:1px; border-top:1px dashed #999; position:absolute; left:-50%; top:.85rem;}
.order-step li:first-child:before{ display:none;}
.order-step li.finish label{ background:linear-gradient( top,#fa8697,#f4466f); background:-webkit-linear-gradient( top,#fa8697,#f4466f);}
.order-step li.finish:before{ border-top:1px solid #f4436d;}
.order-img{ padding:1rem;}
.order-img img{ width:100%; vertical-align:middle;}
.order-intro{ background:#fff; padding:.75rem 0 .75rem .75rem;}
.ori-tit{ font-size:.75rem; color:#666; line-height:1rem; padding-right:.75rem;}
.ori-goods{ display:box; display:-webkit-box; padding:.7rem 1.25rem .7rem 0; position:relative;}
.ori-goods:after{ position: absolute; top: 50%; right: 0.75rem; margin-top: -4px; content: ""; display: block; width: 8px; height: 8px; border: solid #ccc; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ori-goods .c-list-img{ width:2.5rem; height:2.5rem;}
.order-thin{ border-top:1px solid #f2f2f2;}
.order-thin > li{ font-size:.65rem; color:#666; padding:0 .75rem 0 0; line-height:1.3rem;}
.order-thin > li:before{ display:none;}
.order-thin > li .c-list-key{ width:4.25rem;}
.sync-box{ background:#fff; border-radius:.25rem; padding:1rem; text-align:center; margin-left:.5rem; margin-right:.5rem; color:#999;}
.sync-box h4{ font-size:.8rem; color:#444; margin-bottom:.5rem;}
.sync-text{ display:block; width:100%; height:2rem; background:#f4f4f4; padding:.25rem .75rem; border-radius:.75rem; color:#444;}
.sync-tip{ position:relative; line-height:1rem;}
.sync-tip label{ display:inline-block; padding:0 .5rem; background:#fff; position:relative; z-index:2;}
.sync-tip:before{ content:''; display:block; width:80%; height:1px; background:#d9d9d9; position:absolute; left:10%; top:50%;}
.sync-go{ display:inline-block; width:4.2rem; height:1.5rem; line-height:1.4rem; text-align:center; border:1px solid #fc4f00; color:#fc4f00; border-radius:.8rem;}
.sync-go:active{ background:#fafafa;}
.sync-intro{ background:#fff; border-radius:.25rem; padding:1rem 0; margin-left:.5rem; margin-right:.5rem;}
.sync-intro img{ width:100%; vertical-align:middle;}
.sync-intro h4{ font-size:.8rem; text-align:center;}
.sync-intro h6{ color:#999; margin-top:.6rem; margin-bottom:.3rem; line-height:1.6; padding:0 1.1rem;}
.agent-top{ background:url(../images/order/agent-bg.jpg) no-repeat; background-size:100% 100%; padding-bottom:1.25rem;}
.agt-mess{ text-align:center; color:#fff; font-size:.7rem; padding:.8rem .75rem 0 .75rem;}
.agt-mess h4{ font-size:1rem;}
.agt-yesd{ display:inline-block; height:1.6rem; line-height:1.6rem; padding:0 1rem; background:#ffe0df; color:#ff425d; border-radius:.8rem; font-size:.6rem;}
.agt-more{ display:box; display:-webkit-box; padding:0 .35rem;}
.preagt{ box-flex:1; -webkit-box-flex:1; width:1px; margin:0 .4rem;}
.preagt > h4{ font-size:.75rem; color:#3a3e51; background:#f8f8f8; border-radius:.25rem .25rem 0 0; line-height:1.5rem; text-align:center; padding-top:.2rem;}
.pgt-img{ width:100%; height:.5rem; background:url(../images/order/agent-img1.png) no-repeat; background-size:100% 100%;}
.preagt > ul{ background:#fff; border-radius:0 0 .25rem .25rem; padding:.5rem 0 .2rem 0;}
.preagt > ul > li{ line-height:1.5rem; color:#666; padding:0 .25rem 0 2.75rem; margin-bottom:.75rem; position:relative;}
.preagt > ul > li > label{ display:block; width:2rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; position:absolute; left:0; top:0; border-radius:0 .25rem .25rem 0;}
.pgt-bg1{ background-color:#ff425d}
.pgt-bg2{ background-color:#999}
.pgt-bg3{ background-color:#ff7c70}
.pgt-bg4{ background-color:#999}
.agent-order{ background:#fff;}
.ato-tit{ line-height:2rem; padding:0 .75rem; font-size:.65rem;}
.ato-list{ border-top:1px solid #f1f1f1; padding:.25rem 0 1rem 0;}
.ato-list dl{ padding:1.25rem 0 0 .75rem; display:box; display:-webkit-box; line-height:1rem;}
.aol-dd1{ box-flex:0; -webkit-box-flex:0; width:1.3rem; color:#999;}
.aol-dd2{ box-flex:0; -webkit-box-flex:0; width:3rem; text-align:center; color:#f74d75;}
.aol-dd3{ box-flex:1; -webkit-box-flex:1; height:.5rem; background:#efefef; border-radius:.25rem; position:relative; margin-top:.3rem; margin-right:.75rem;}
.aol-dd3 label{ position:absolute; left:0; top:0; height:.5rem; border-radius:2.5rem;}
.aol-dd3 h4{ width:100%; position:absolute; left:0; top:-.75rem; text-align:center;}
.bgc-928ab1{ background:#928ab1;}
.bgc-17c8b8{ background:#17c8b8;}
.bala-box{ background:#fff; padding:.75rem;}
.bala-table{ width:100%; color:#444; text-align:center;}
.bala-table td{ border:1px solid #f1f1f1; line-height:1rem; padding:.5rem .1rem; word-break:break-all;}
.bala-table thead td{ background:#f5f5f5;}
a.sync-top-btn{ width:3rem; height:1.2rem; line-height:1.2rem; background:#ff425d; text-align:center; color:#fff; border-radius:.3rem; padding:0; font-size:.6rem; margin-right:.25rem;}
.anget-serch{ padding:.5rem .75rem; background:#fff; border-top:1px solid #f1f1f1; position:relative; z-index:11;}
.anget-tel li{ background:#fff; display:box; display:-webkit-box; padding:.5rem .75rem; position:relative; line-height:1.6; position:relative; overflow:hidden;}
.anget-tel li:before{ content:''; display:block; width:100%; height:1px; position:absolute; right:1.5rem; top:0; background:#f4f4f4;}
.anget-tel li:first-child:before{ display:none;}
.anget-tel li.tel-word{ background:#f4f4f4; line-height:1.2rem; color:#666; padding:0 .75rem;}
.anget-tel li.tel-word + li:before{ display:none;}
.anget-tel li .c-list-key{ width:7.5rem;}
.tel-send{ display:block; width:1.6rem; height:1.6rem; line-height:1.6rem; text-align:center; position:absolute; right:1.5rem; top:50%; margin-top:-.8rem;}
.c-05aa52{ color:#05aa52}
.word-list{ width:1.5rem; height:100%; position:fixed; right:0; top:0; padding-top:100px; z-index:12;}
.word-list li a{ display:block; width:1.5rem; text-align:center; color:#c8c8c8; z-index:10; line-height:1.3rem;}
.h42{ height:2.1rem;}
.line-top{ width:100%; height:2.1rem; line-height:2rem; background:#fff; background:#fff; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; display:box; display:-webkit-box; position:fixed; left:0; top:44px; z-index:100;}
.line-top > a{ display:block; text-align:center; box-flex:1; -webkit-box-flex:1; width:1px; color:#999; position:relative;}
.line-top > a:before{ content:''; display:block; width:1px; height:1rem; background:#eee; position:absolute; left:0; top:50%; margin-top:-.5rem;}
.line-top > a:first-child:before{ display:none;}
.line-top > a:active{ background:#fafafa;}
.linetime{ display:block; width:100%; height:2rem; position:absolute; left:0; top:0; opacity:0; padding:0 .25rem;}
.found-filter{ width:100%; position:absolute; left:0; top:2.05rem; background:#fff; padding-left:.5rem; z-index:100;}
.found-filter a{ display:block; line-height:1.9rem; color:#999; border-top:1px solid #f2f2f2; padding-left:.25rem;}
.found-filter a:first-child{ border-top:none;}
.found-filter a.curr{ color:#ff425d; position:relative;}
.found-filter a.curr:before{ content:''; display:block; width:15px; height:10px; background:url(../images/order/choose.png) no-repeat; background-size:100% 100%; position:absolute; right:.8rem; top:50%; margin-top:-5px;}
.filter-mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:90; background:rgba(0,0,0,.3);}
.laydate-main-list-1{ display:none !important;}

.line-list li{ background:#fff; padding-bottom:.5rem; margin-top:.5rem;}
.line-list li:first-child{ margin-top:0;}
.lel-top{ line-height:2rem; padding:0 .75rem;}
.lel-box{ border-top:1px solid #f1f1f1; padding:0 .75rem;}
.lel-box h4{ font-size:.7rem; line-height:2rem;}
.lel-mess{ background:#fafafa; padding:.4rem 0;}
.lel-mess dl{ display:box; display:-webkit-box; padding:.15rem 0;}
.lel-mess dl:first-child{ color:#999;}
.lel-mess dd{ box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; line-height:1rem;}
.lel-bot{ padding:0 .75rem; color:#999; line-height:1.2rem; margin-top:.3rem;}

/* 消息中心 */
.mesg-tit{ line-height:2.2rem; font-size:.75rem; padding:0 .75rem; position:relative;}
.mesg-tit:before{ position: absolute; top: 50%; right: 0.75rem; margin-top: -4px; content: ""; display: block; width: 8px; height: 8px; border: solid #ccc; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tab-mesg{ display:inline-block; width:.8rem; height:.8rem; line-height:.8rem; text-align:center; font-size:12px; background:#ff0000; color:#fff; border-radius:50%; vertical-align:middle; overflow:hidden; position:absolute; right:1.75rem; top:50%; margin-top:-.4rem;}
.tipbox { padding:0 .5rem;}
.tipbox .hd { height: 5px; position: relative; }
.tipbox .hd .ui-arrow { position: absolute; top: -8px; left: 10px; }
.tipbox .hd .ui-arrow s { top: -6px; }
.tipbox .bd { border: 1px solid #ddd; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;background:#fff;}
.mesg-con{ line-height:1rem; color:#666;}
.mc-tit{ font-size:.7rem; font-weight:700; color:#444;}
.mc-time{ padding-left:.5rem;}
.mc-con{ margin-top:.15rem;}
.mesg-list{ padding:0 .5rem;}
.mgl-time{ display:block; width:5.8rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#999; background:#e5e5e5; border-radius:.25rem; margin:.75rem auto 0 auto; font-size:12px;}
.mgl-con{ background:#fff; border:1px solid #eee; margin-top:.5rem; border-radius:.25rem; overflow:hidden; font-size:.65rem; color:#666;}
.mgl-con h4{ font-size:.75rem; font-weight:700; color:#444; line-height:1.5; margin-bottom:.25rem;}
.mgl-ck{ line-height:2rem; padding:0 .5rem; color:#ff6742; border-top:1px solid #f2f2f2;}
.mesg-detail{ background:#fff; padding:.75rem; line-height:1.7;}
.mesg-detail h4{ font-size:.75rem; line-height:1.5;}
.mesg-detail h6{ line-height:1.7;}
.mesg-detail img{ display:block; max-width:100%; margin:0 auto;}
.mesg-detail p{ margin:.25rem 0;}
.mesg-bot{ text-align:center; background:#fff; padding:.5rem .5rem 2rem .5rem;}
.mesg-bot img{ width:4.25rem;}
/* 生活 */
.live-nav{ display:box; display:-webkit-box; background:#fff;}
.live-nav a{ height:4.6rem; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; color:#666;}
.live-nav a label{ display:inline-block; width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; border-radius:50%; margin:.15rem 0 .25rem 0;}
.live-nav a:active{ background:#fafafa;}
.bgc-ee7d5d{ background:#ee7d5d;}
.bgc-4e94d0{ background:#4e94d0;}
.bgc-b589bc{ background:#b589bc;}
.bgc-ee7d67{ background:#ee7d67;}
.live-guid{ display:box; display:-webkit-box; background:#fff; height:3rem; line-height:2.5rem; padding-top:.5rem;}
.live-guid > a{ display:block; box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; color:#666;}
.live-guid > a:active{ background:#fafafa;}
.live-phone{ box-flex:0; -webkit-box-flex:0; width:3.5rem; position:relative;}
.live-phone a{ display:block; width:4.5rem; height:4.5rem; background:url(../images/live/live-phone.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; margin-left:-2.25rem; top:50%; margin-top:-2rem; z-index:2;}
.mt8{ margin-top:.4rem;}
.live-shop{}
.live-shop a{ display:block; width:50%; height:0; padding-bottom:25.25%; background-size:cover; background-repeat:no-repeat; float:left;}
.live-shop a:active{ opacity:.8;}
.live-sugg{ height:2rem; line-height:2rem;}
.live-sugg img{ width:100%; vertical-align:middle; margin-bottom:3px;}
.live-sugg-list > li:before{ display:none;}
.live-sugg-list > li:nth-child(2n){ background:#f7f7f7;}
.live-sugg-list .c-list-img{ margin-right:0; width:2.6rem; height:2.6rem;}
.live-sugg-list .c-list-img img{ border-radius:50%;}
.live-sugg-list .c-list-info{ line-height:1;}
.live-raiders{ padding:.75rem .75rem 1rem .75rem; line-height:1.6;}
.live-raiders h4{ font-size:.8rem; text-align:center; margin-bottom:.75rem; font-weight:bold;}
.live-raiders h6{ font-size:.7rem; color:#333; text-align:center; margin-bottom:.75rem;}
.live-raiders p{ margin-bottom:.75rem;}
.sell-top{ height:10.5rem; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; padding-top:20px; text-align:center; font-size:.7rem; font-weight:700; color:#fff;}
.sell-top:before{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.6);}
.sell-top > div{ position:relative; z-index:10;}
.sell-top h4{ font-size:1.6rem; font-weight:700; margin-bottom:.75rem;}
.sell-list{ background:#f4f4f4; border-radius:.5rem .5rem 0 0; padding:.75rem .5rem; position:relative; top:-1rem;}
.sell-list li{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,.05); border-radius:.3rem .3rem 0 0; position:relative; margin-top:.5rem;}
.sell-list li:first-child{ margin-top:0;}
.sll-img{ height:7.3rem; background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:.3rem .3rem 0 0;}
.sll-mid{ width:100%; height:1.35rem; background:url(../images/live/sell-phone-bg.png) center center no-repeat; background-size:auto 100%; position:absolute; left:0; top:6rem;}
.sll-bot{ line-height:1.75rem; padding:.25rem .5rem .15rem .5rem; font-size:.75rem; color:#666;}
.sll-t{ display:inline-block; line-height:1; padding:4px 3px; background:#eee; border-radius:.25rem; margin:0 .15rem; font-size:12px;}
.sll-phone{ height:1.5rem; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:.25rem;}
.sll-phone img{ height:1.5rem;}
.seldt-top{ height:9.4rem; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; padding-top:20px; text-align:center; font-size:.7rem; font-weight:700; color:#fff; position:relative;}
.seldt-top .icon-back{ height:22px; background-position:-170px -160px;}
.seldt-top .mui-action-back{ top:5px; padding-left:0;}
.bgc-f0f0f0{ background:#f0f0f0;}
.seldt-phone{ position:relative; height:2.5rem;}
.seldt-phone:before{ content:''; display:block; width:4.5rem; height:1rem; background:url(../images/live/sell-phone-bg2.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; margin-left:-2.25rem; top:-.9rem;}
.seldt-phone .sll-phone{ text-align:center; height:auto; top:-.5rem; font-size:.7rem; color:#666;}
.seldt-mess{ background:#fff; overflow:auto; -webkit-overflow-scrolling:touch;}
.stm-top{ text-align:center; font-size:.75rem; color:#666; line-height:1.5rem;}
.stm-t{ display:inline-block; width:1rem; height:1rem; line-height:1rem; text-align:center; background:#666; border-radius:.25rem; margin:0 5px 2px 5px; color:#fff; vertical-align:middle; font-size:.6rem;}
.stm-pre{ color:#666; font-size:.65rem;}
.stm-pre > h4{ font-size:.8rem; padding:0 .75rem; line-height:1.4rem; color:#444;}
.stm-con{ padding:0 .75rem 0 2.1rem; line-height:1.6;}
.stm-img{ overflow:hidden;}
.stm-img li{ width:4.2rem; height:4.2rem; float:left; margin-right:.5rem; margin-bottom:.5rem;}
.stm-img li img{ width:100%; height:100%;}
.agree-box{ padding:1rem .75rem; font-size:.7rem; line-height:1.5; color:#666;}
.agree-box h2{ font-weight:bold; text-align:center; color:#444; margin-bottom:.75rem;}
.agree-box h4{ margin-top:.75rem;}
.live-stor{}
.live-stor .swiper-container{ height:100%;}
.stor-bg1{ background:url(../images/live/stor-bg1.jpg) center center no-repeat; background-size:cover;}
.stor-bg2{ background:url(../images/live/stor-bg2.jpg) center center no-repeat; background-size:cover;}
.stor-close{ width:2rem; height:2rem; line-height:2rem; text-align:center; z-index:9; padding-left:0; left:auto; right:.75rem; top:1.5rem;}
.stor-top{ width:100%; height:25%; text-align:center; color:#fff; font-size:.75rem; padding-top:3rem;}
.stor-top h4{ font-size:.8rem; margin-bottom:.5rem;}
.stor-img{ width:100%; height:67%; text-align:center;}
.stor-img img{ height:100%;}
.live-stor .swiper-pagination-bullet{ width:5px; height:5px; border-radius:3px; opacity:1;}
.live-stor .swiper-pagination-bullet-active{ width:11px; opacity:1;}
.live-stor .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:.8rem;}
.live-stor .swiper-button-next, .live-stor .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/live/stor-jt.png); right:1rem;}
.live-stor .swiper-button-prev, .live-stor .swiper-container-rtl .swiper-button-next{ background-image:url(../images/live/stor-jt.png); left:1rem;}
.live-stor .swiper-button-next, .live-stor .swiper-button-prev{ background-size:50px 25px; background-position:0 center;}
.live-stor .swiper-button-next{ background-position:right center;}
.sell-bar{ background:none; transition:all .3s ease; -webkit-transition:all .3s ease;}
.sell-bar.sebg{ background:rgba(255,255,255,1);}
.sell-bar .icon-back{ height:22px; background-position:-170px -160px;}
.sell-bar h1{ opacity:0;}
.sell-bar.sebg .icon-back{ height:22px; background-position:0 0;}
.sell-bar~.mui-content{padding-top:0}
.sell-bar.sebg h1{ opacity:1;}
/* 帮助中心 */
.help-bar{ background:none; transition:all .3s ease; -webkit-transition:all .3s ease;}
.help-bar.hebg{ background:rgba(255,255,255,1);}
.help-bar .icon-back{ height:22px; background-position:-170px -160px;}
.help-bar h1,.help-bar .top-right a{ color:#fff;}
.help-bar.hebg .icon-back{ height:22px; background-position:0 0;}
.help-bar~.mui-content{padding-top:0}
.help-bar.hebg h1,.help-bar.hebg .top-right a{ color:#444;}
.help-top{ width:100%; height:0; padding-bottom:38%; background-size:100% 100%;}
.help-nav{ background:#fff;}
.help-nav h4{ line-height:1.6rem; font-size:.7rem; color:#666; padding:0 .75rem;}
.help-nav li{ width:50%; float:left; height:2.5rem; line-height:2.5rem; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2;}
.help-nav li a{ display:block; color:#333; font-size:.7rem; padding-left:.75rem;}
.help-nav li a:active{ background:#fafafa;}
.help-nav li.curr a{ color:#f74d75;}
.help-list{ background:#fff;}
.help-list h4{ line-height:1.6rem; font-size:.7rem; color:#666; padding:0 .75rem; border-bottom:1px solid #f4f4f4;}
.help-answ{ background:#fff;}
.answ-tit{ line-height:1rem; padding:.5rem .75rem; border-bottom:1px solid #f2f2f2; font-size:.7rem; font-weight:700;}
.answ-con{ padding:.5rem .75rem; font-size:.7rem;}
.answ-con p{ text-indent:2em;}
.answ-bot{ border-top:1px solid #f2f2f2; line-height:2.25rem; font-size:.7rem; color:#999; padding:0 .75rem;}
.answ-bot a{ color:#999; display:inline-block; padding:0 .6rem 0 .75rem; position:relative;}
.answ-bot a:before{ content:''; display:block; width:1px; height:1rem; background:#e1e1e1; position:absolute; left:0; top:50%; margin-top:-.5rem;}
.answ-bot a:first-child:before{ display:none;}
.answ-bot a.checked{ color:#f74d75;}
.answ-bot a.checked .icon-is{ background-position:-40px -220px;}
.answ-bot a.checked .icon-no{ background-position:-60px -220px;}
.help-texa{ display:block; width:100%; height:11rem; background:#fff; border-radius:.25rem; padding:.5rem; font-size:.7rem;}
/* 分享 */
.rbhead{ width:2rem; height:2rem; border-radius:50%; vertical-align:middle; margin:0 7px 0px 0; position:relative;}
.bgc-ffc000{ background:#ffc000;}
.share-top{ position:relative;}
.share-top img{ width:100%; vertical-align:middle;}
.share-rule{ display:block; width:4rem; height:1.3rem; line-height:1.3rem; text-align:center; background:#ffec9a; color:#4a381a; font-size:.7rem; border-radius:.6rem; position:absolute; right:1.25rem; top:1.1rem; z-index:1;}
.st-con{ width:35%; position:absolute; left:10%; top:55%; font-size:.7rem; color:#666;}
.st-sec{ left:56.66%;}
.share-btn{ width:89.33%; height:27.5%; text-align:center; position:absolute; left:5%; top:8.4%; border-radius:1rem; font-size:.75rem; color:#fff;}
.st-lj{ width:49%; height:39%; position:absolute; left:3.3%; top:52%; text-align:center; color:#666;}
.st-yq{ width:41%; height:39%; position:absolute; right:4.5%; top:52%; text-align:center; color:#666;}
.st-lj h4,.st-yq h4{ font-size:.8rem; color:#333; margin-top:.15rem;}
.st-link{ display:block; width:2.25rem; height:2.25rem; position:absolute; right:0; bottom:15%;}
.share-rank{ padding:0 .5rem;}
.rank-lab{ display:box; display:-webkit-box;}
.rank-lab a{ box-flex:1; -webkit-box-flex:1; display:block; text-align:center; width:1px; height:2rem; background:#ffda3f; padding:.1rem .1rem 0 .1rem; border-radius:1rem 1rem 0 0; color:#fff; font-size:.7rem; overflow:hidden;}
.rank-lab a label{ display:block; height:1.9rem; line-height:1.9rem; background:#ffda3f;border-radius:1rem 1rem 0 0;}
.rank-lab a.curr label{ background:#fff; color:#333;}
.rank-lab a.curr .icon-global{ background-position:-150px -140px;}
.rank-lab a.curr .icon-friends{ background-position:-165px -140px;}
.rank-box{ background:#ffda3f; padding:0 .1rem .1rem .1rem; border-radius:0 0 10px 10px;}
.rank-box > div{ background:#fff; border-radius:0 0 10px 10px;}
.rb-top{ line-height:1.75rem; text-align:center; font-size:.65rem; color:#999;}
.rb-table{ width:100%; text-align:center;}
.rb-table thead td{ background:#f4f4f4; line-height:2rem; color:#999;}
.rb-table tbody td{ line-height:3rem; color:#666; border-top:1px solid #efebda;}
.rb-table tbody tr:first-child td{ border-top:none;}
.rbname{ max-width:6.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.rank-tb{ display:inline-block; width:20px; height:28px; background:url(../images/share/rank-tb1.png) no-repeat; background-size:60px 28px; vertical-align:middle;}
.rank-tb.first{ background-position:0 0;}
.rank-tb.second{ background-position:-20px 0;}
.rank-tb.third{ background-position:-40px 0;}
.rule-pop-mb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:11; background:rgba(0,0,0,.4);}
.rule-pop{ width:80%; position:fixed; left:10%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:12; background:#f4f4f4; padding:1rem 0.75rem; border-radius:12px;}
.rule-pop h4{ display:block; width:5rem; height:1.25rem; line-height:1.25rem; text-align:center; background:#ffc000; border-radius:.6rem; font-size:.7rem; color:#fff; margin:0 auto;}
.rule-pop p{ font-size:.65rem; color:#666; margin-top:.6rem;}
.accum-box{ background:#ffe477; border-radius:10px; margin-left:.5rem; margin-right:.5rem; padding:.1rem;}
.accum-box > div{ background:#fff; border-radius:10px; overflow:hidden;}
.at-box{ float:left; width:40%; float:left; text-align:center; height:3.5rem; color:#666; position:relative;}
.at-box:before{ content:''; display:block; width:1px; height:1.2rem; background:#e1e1e1; position:absolute; left:0; top:50%; margin-top:-.6rem;}
.f-at-box{ width:60%;}
.f-at-box:before{ display:none;}
.at-box h4{ font-size:.9rem; color:#333; margin-top:.15rem;}
.accum-box .rb-table thead td{ background:#f4f4f4; line-height:1.5rem; color:#999;}
.accum-box .rbname{ max-width:7rem; height:2rem; padding:0 .5rem 0 3rem; position:relative; line-height:1rem;}
.accum-box .rbname img{ position:absolute; left:.5rem; top:50%; margin-top:-1rem;}
.accum-box .rbname h4{ line-height:1rem; font-size:.65rem;}
.c-7dd860{ color:#7dd860;}
.c-ffc000{ color:#ffc000;}
.full-page{ position:relative; overflow:hidden;}
.page1{ background:url(../images/share/share-bg1.png) center center no-repeat #ffc000; background-size:auto 100%;}
.p1-cost{ position:absolute; left:50%; margin-left:-3px; top:35%; line-height:1; font-size:1rem; color:#f03726; font-weight:700; width:50px; text-align:center;}
.p1-con{ width:12rem; position:absolute; left:50%; top:52.6%; margin-left:-6rem; font-size:.75rem; color:#fff; line-height:1.6;}
.p1-btn{ display:block; height:2.2rem; line-height:2.1rem; text-align:center; background:url(../images/share/p1-btn.png) no-repeat; background-size:100% 100%; font-size:.75rem; color:#744220;}
.p1-btn:active{ opacity:.8;}
.p1-name{ color:#ffcd1f; text-decoration:underline;}

.bgc-20044b{ background:#20044b;}
.link-list li{ display:box; display:-webkit-box; margin-top:1rem;}
.lkl-con{ box-flex:1; -webkit-box-flex:1; height:4rem; background:#361d5c; border-radius:8px; position:relative; padding:0 .75rem 0 4.4rem; font-size:.7rem; color:#c9a7fc;}
.lkl-btn{ box-flex:0; -webkit-box-flex:0; width:2rem; height:4rem; padding:0 .5rem; text-align:center; line-height:1.2; background:#7b59ae; border-radius:8px; font-size:.7rem; color:#dfc04f; font-weight:700;}
.lkl-btn:active{ background:#6c49a1;}
.lkl-img{ width:3.4rem; height:3.4rem; background:#f0e2ce; padding:2px; border-radius:8px; position:absolute; left:.3rem; top:.3rem;}
.lkl-img img{ width:100%; height:100%; border-radius:8px;}
.jc{ box-shadow:0 0 8px rgba(0,0,0,.2);}
.jc:before{ content:''; display:block; width:12px; height:12px; background:url(../images/share/jc.png) no-repeat; background-size:100% 100%; position:absolute; left:2px; top:2px;}
.link-rule{ background:#361d5c; border-radius:8px; position:relative; padding:.75rem 1rem; font-size:.65rem; color:#c9a7fc;}
.link-rule p{ margin-top:.5rem; line-height:1.6;}
.link-rule h4{ display:block; width:4.2rem; height:26px; line-height:22px; text-align:center; border:2px solid #ffc535; color:#ffc535; font-size:.7rem; border-radius:13px; margin:0 auto;}
.c-fdf241{ color:#fdf241;}
.c-ab3e73{ color:#ab3e73;}
.page2{ background:url(../images/share/share-bg2.jpg) center center no-repeat #f3ebdf; background-size:auto 100%;}
.p2-word{ height:.8rem; line-height:.8rem; position:absolute; top:30.2%; left:50%; margin-left:2.2rem; font-size:8px; color:#692f60;}
.p2-con{ width:7.5rem; position:absolute; left:5%; top:55.4%; font-size:.65rem; color:#fff; line-height:1.1rem;}
.p2-sec{ width:5rem; left:50%; margin-left:2.7rem;}
.p2-bot{ width:12rem; text-align:center; position:absolute; left:50%; margin-left:-6rem; bottom:1.5rem; font-size:.7rem; color:#666;}
.p2-btn{ display:block; height:2.3rem; background:url(../images/share/p2-btn.png) no-repeat; background-size:100% 100%;}
.p2-btn:active{ opacity:.8;}
.page3{ background:url(../images/share/share-bg3.jpg) center center no-repeat #fb2f1e; background-size:auto 100%;}
.p3-box{ width:14rem; position:absolute; left:50%; margin-left:-7rem; top:45.6%;}
.p3-top{ position:relative; padding:1.5rem 0 0 5rem; font-size:.7rem; color:#fff;}
.p3-head{ width:3.4rem; height:3.5rem; background:#fff; padding:2px; border-radius:50%; position:absolute; left:.4rem; top:0;}
.p3-head img{ width:100%; height:100%; border-radius:50%;}
.p3-head label{ display:block; width:4rem; height:1rem; line-height:1rem; background:#fff; border-radius:.5rem; position:absolute; left:-.3rem; bottom:-.3rem; text-align:center; font-size:13px; color:#ff5d14;}
.p3-top h4{ color:#ffeb3b; margin-top:.25rem;}
.p3-word{ font-size:.7rem; color:#fff;}
.p3-btn{ display:block; width:13rem; height:2.5rem; line-height:2.5rem; text-align:center; background:url(../images/share/p3-btn.png) no-repeat; background-size:100% 100%; font-size:.7rem; color:#ef2a1b; margin-left:auto; margin-right:auto;}
.p3-btn:active{ opacity:.8;}
.page4{ background:url(../images/share/share-bg4.jpg) center center no-repeat #fb2f1e; background-size:auto 100%;}
.p4-btn{ display:block; width:15rem; height:2.1rem; line-height:2rem; text-align:center; background:#ff425d; font-size:.7rem; color:#fff; border:1px solid #9d041a; border-radius:.2rem; position:absolute; left:50%; margin-left:-7.5rem; bottom:3.3%;}
.p4-btn:active{ opacity:.8;}

.poster-list{ height:6rem; background:#361e5c; border-radius:.4rem; margin-top:6rem;}
.poster-list:first-child{ margin-top:4rem;}
.poster-list li{ height:6rem; float:left; width:50%; position:relative; border-left:1px dashed #8871a9;}
.pl-img{ width:5.2rem; height:6.6rem; position:absolute; left:50%; margin-left:-2.6rem; bottom:2.1rem;}
.pl-name{ width:100%; height:2rem; line-height:2rem; background:#644b8d; border-radius:0 0 .4rem 0; position:absolute; left:0; bottom:0; text-align:center; color:#fff; font-size:.75rem;}
.poster-list li:first-child{ border-left:none;}
.poster-list li:first-child .pl-name{ border-radius:0 0 0 .4rem;}
.pl-img img{ width:100%; height:100%; border-radius:.4rem .4rem 0 0;}
.pl-btn{ width:4.8rem; height:1.6rem; line-height:1.6rem; text-align:center; border-radius:.8rem; background:#ffcb4a; position:absolute; left:50%; margin-left:-2.4rem; bottom:-2rem; font-size:.65rem;}
.pl-link{ display:block; width:100%; height:100%; position:relative;}
.poster-page{ position:relative; overflow:hidden;}
.poster-top{ height:77%; text-align:center; padding:.5rem .5rem 1.25rem .5rem;}
.poster-top img{ height:100%; max-width:100%; border-radius:.3rem;}
.poster-bot{ height:23%; padding:0 .75rem; background:#fff; border-radius:.5rem .5rem 0 0; box-shadow:0 0 8px rgba(0,0,0,.1); font-size:.65rem; color:#666;}

/* 超级分享 */
.super-top{ position:relative;}
.super-top > a{ display:block;}
.super-top > a img{ width:100%; vertical-align:middle;}
.super-top > a.sut-con{ display:box; display:-webkit-box; background:rgba(255,255,255,.55); width:92%; height:3.25rem; position:absolute; left:4%; bottom:.25rem; border-radius:.25rem; padding:0 1rem 0 3rem;}
.super-top > a.sut-con:after{ position: absolute; top: 50%; right: 0.5rem; margin-top: -4px; content: ""; display: block; width: 8px; height: 8px; border: solid #c5c3c3; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.super-top > a.sut-con:active{ background:rgba(255,255,255,.65);}
.sut-head{ width:2.2rem; height:2.2rem; padding:2px; background:#fff; border-radius:50%; position:absolute; left:.5rem; top:50%; margin-top:-1.1rem;}
.sut-head img{ width:100%; height:100%; border-radius:50%;}
.sut-con > label{ box-flex:1; -webkit-box-flex:1; width:1px; text-align:center; font-size:10px; color:#999;}
.super-list{}
.super-list li{ background:#fff; margin-top:.5rem; padding-left:.75rem;}
.super-list li:first-child{ margin-top:0;}
.super-list li a{ display:block;}
.tab-share{ display:inline-block; width:1.75rem; height:15px; line-height:15px; text-align:center; font-size:10px; background:#bebdbd; color:#fff; border-radius:4px; vertical-align:middle; margin:0 10px 2px 0;}
.sul-top{ line-height:1.5rem; padding-right:.75rem; font-size:11px; color:#999;}
.sul-box{ display:box; display:-webkit-box; border-top:1px solid #f1f1f1; padding:.5rem .75rem .5rem 0;}
.slb-img{ box-flex:0; -webkit-box-flex:0; width:4rem; height:4rem; margin-left:.5rem;}
.slb-img img{ width:100%; height:100%; border-radius:.25rem;}
.slb-mess{ box-flex:1; -webkit-box-flex:1; font-size:12px; color:#666;}
.slb-mess h4{ font-size:.8rem; line-height:.9rem; color:#444;}
.star{ display:inline-block; width:65px; height:11px; background:url(../images/active/star.png) no-repeat; background-size:65px 22px; vertical-align:middle; margin:0 0 2px 5px; position:relative;}
.star:before{ content:''; display:block; width:100%; height:11px; background:url(../images/active/star.png) no-repeat; background-size:65px 22px; background-position:0 -11px; position:absolute; left:0; top:0; z-index:1;}
.star-0:before{ width:0px;}
.star-1:before{ width:12px;}
.star-2:before{ width:26px;}
.star-3:before{ width:39px;}
.star-4:before{ width:53px;}
.star-5:before{ width:65px;}
.super-rule{ padding:1rem .75rem; font-size:.7rem; color:#666;}
.super-rule p{ margin-bottom:.5rem;}
.super-my{ color:#999; background:#fff; text-align:center; padding-bottom:.5rem;}
.super-my h4{ font-size:1.6rem; color:#ff425d; font-weight:bold; margin-top:.25rem;}
.smy-mess{ display:box; display:-webkit-box;}
.smy-mess > a{ box-flex:1; -webkit-box-flex:1; width:1px; height:2.5rem; font-size:12px; color:#999; position:relative;}
.smy-mess > a:before{ content:''; display:block; width:1px; height:1.2rem; background:#ddd; position:absolute; left:0; top:50%; margin-top:-.6rem;}
.smy-mess > a:first-child:before{ display:none;}
.smy-mess > a h6{ font-size:.7rem; color:#444; margin-bottom:.15rem;}
.super-lab{ display:box; display:-webkit-box; height:2rem; line-height:1.95rem; background:#fff; border-bottom:1px solid #f1f1f1;}
.super-lab li{ box-flex:1; -webkit-box-flex:1; width:1px; text-align:center;}
.super-lab li a{ display:inline-block; padding:0 .75rem; font-size:.8rem; color:#666;}
.super-lab li.curr a{ position:relative; color:#ff425d; font-weight:bold;}
.super-lab li.curr a:before{ content:''; display:block; width:100%; height:2px; background:#ff425d; position:absolute; left:0; bottom:-1px;}
.super-my-list .slb-mess h4{ height:1.8rem;}
.super-my-list .slb-mess > p{ line-height:1.2rem; margin-top:.85rem;}
.artic-top{ padding:1rem .75rem .5rem .75rem; position:relative; border-bottom:1px solid #ddd;}
.act-tip{ color:#999; position:absolute; top:.4rem; left:.75rem;}
.act-head{}
.act-head li{ display:block; border-radius:50%; width:8.33%; padding:2px; float:left;}
.act-head li a{ display:block; width:100%; height:0; padding-bottom:100%; border-radius:50%; background-size:100% 100%; background-repeat:no-repeat;}
.act-head li:first-child{ margin-left:58.31%;}
.act-hide{ line-height:1.5rem; text-align:right;}
.act-hide a{ font-size:.65rem; color:#999;}
.act-hide a:after{ content: ""; display: inline-block; width:9px; height:9px; border: solid #999; border-width: 1px 1px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin:0 5px 0 10px; position:relative; top:3px;}
.artic-con{ padding:.75rem; font-size:.75rem; color:#444;}
.artic-con h4{ font-size:.9rem; color:#000; line-height:1.3;}
.artic-con h6{ font-size:.7rem; color:#999; line-height:1.3; margin-top:.5rem;}
.artic-con p{ margin-top:.75rem;}
.t-2em{ text-indent:2em;}
.artic-con img{ display:block; max-width:100%; margin:0 auto;}
.artic-ly{ margin-left:.75rem; margin-right:.75rem; font-size:.7rem; border-top:1px solid #999; padding-top:.5rem;}
.artic-bot{ width:100%; height:2.25rem; line-height:2.25rem; background:#fff; position:fixed; left:0; bottom:0; z-index:10; border-top:1px solid #f2f2f2; display:box; display:-webkit-box;}
.artic-bot > div{ box-flex:1; -webkit-box-flex:1; padding-left:.75rem; color:#666;}
.artic-bot > div .star{ margin-left:.35rem;}
.artic-bot > a{ display:block; box-flex:0; -webkit-box-flex:0; width:45%; height:2.25rem; line-height:2.25rem; background:#ff425d; text-align:center; color:#fff; font-size:.7rem; position:relative; top:-1px;}
.artic-bot > a:active{ background:#ea2c47;}
.swap-list li{ padding:0 3.25rem 0 .75rem; position:relative; margin-bottom:.5rem;}
.swap-hold{ height:1.2rem; line-height:1.2rem; position:relative;}
.swap-bar{ position:absolute; left:0; top:0; height:100%; border-radius:.1rem; background:#bebebe; min-width:.2rem;}
.swap-num{ position:absolute; left:.5rem; top:0; font-size:.65rem; color:#666;}
.swap-date{ width:2.5rem; line-height:1.2rem; text-align:right; position:absolute; right:.75rem; top:0;}
.swap-list li.curr .swap-bar{ background:#e63a68;}
.swap-list li.curr .swap-num{ color:#fff;}
.c-normal{ font-weight:normal;}
.artsh-top{ position:relative; padding-bottom:1rem;}
.aht-top{ line-height:1.5rem; padding:0 .75rem; color:#999; position:absolute; width:100%; left:0; top:.25rem;}
.aht-bot{ line-height:2.2rem; background:#f4f4f4; padding:0 .75rem; color:#999; position:absolute; width:100%; left:0; bottom:0;}
.aht-chart{ width:100%; height:240px; overflow:hidden;}
.aht-chart > div{ width:105%; height:100%;}
/* 早起挑战 */
.early-bg{ height:100%; background:url(../images/early/early-bg.jpg) center center no-repeat #fff; background-size:auto 100%;}
.early-bg-wx{ height:100%; background:url(../images/early/early-bg-wx.jpg) center center no-repeat #fff; background-size:auto 100%;}
.early-box1{ font-size:.7rem; color:#fff; text-align:center; margin-top:60px;}
.early-box2{ font-size:2rem; color:#fff; text-align:center; line-height:1.2;}
.early-box3{ text-align:center; line-height:1rem;}
.early-box3 ul{ display:inline-block; overflow:hidden; vertical-align:middle; margin:0 1px 2px 0;}
.early-box3 li{ display:block; width:1rem; height:1rem; border-radius:50%; float:left; color:#fff; font-weight:bold;}
.early-box3 li img{ width:100%; height:100%; border-radius:50%;}
.early-box3 > div{ display:inline-block; font-size:.65rem; color:#fff; vertical-align:middle;}
.c-f7f4aa{ color:#f7f4aa;}
.c-4bb782{ color:#4bb782;}
.c-4ace4d{ color:#4ace4d;}
.c-299a99{ color:#299a99;}
.early-box4{ text-align:center; line-height:1rem;}
.early-box4 a{ color:#bfdadc; font-size:.7rem;}
.early-box4 a:after{ content: ""; display: inline-block; width:7px; height:7px; border: solid #bfdadc; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left:3px; position:relative; top:-1px;}
.early-box5{ text-align:center;}
.early-box5 a{ display:block; width:14rem; height:2.2rem; line-height:2.2rem; text-align:center; border-radius:1.1rem; background:#f1515c; color:#fff; margin-left:auto; margin-right:auto; margin-bottom:.6rem; position:relative;}
.early-box5 a:active{ background:#e0343a;}
.early-box5 a.early-share{ background:#fff; color:#e8455a; font-size:.75rem;}
.early-box5 a.early-share:active{ background:#fafafa;}
.early-box5 a.early-go{ font-size:.7rem;}
.early-box5 a.early-go:active{ background:#d63442;}
.early-box5 a.early-cost{ font-size:.65rem;}
.early-box5 a.early-cost:before{ content:''; display:block; width:60px; height:59px; background:url(../images/early/cost.png) no-repeat; background-size:240px 59px; position:absolute; right:-5px; top:-8px;}
.early-box5 a.cost1:before{ background-position:0 0;}
.early-box5 a.cost2:before{ background-position:-60px 0;}
.early-box5 a.cost5:before{ background-position:-120px 0;}
.early-box5 a.cost10:before{ background-position:-180px 0;}
.early-td{ width:36px; height:36px; background:url(../images/early/early-td.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:66.66%;}
.early-td.yd{ background:url(../images/early/early-yd.png) no-repeat; background-size:100% 100%;}
.early-cg{ width:6rem; line-height:1rem; text-align:center; position:absolute; left:50%; transform:translateX(-100%); -webkit-transform:translateX(-100%); top:70%; color:#999;}
.early-ls{ width:6rem; line-height:1rem; text-align:center; position:absolute; left:50%; top:70%; color:#999;}
.early-ph{ position:absolute; width:100%; left:0; top:76%;}
.early-ph ul{ display:block; text-align:center;}
.early-ph li{ display:inline-block; width:5rem; text-align:center; color:#666; line-height:1.6;}
.eph-img{ width:2.6rem; height:2.6rem; position:relative; margin:0 auto;}
.eph-img img{ width:100%; height:100%; border-radius:50%;}
.eph-tab{ display:block; width:2.9rem; height:.9rem; position:absolute; background-repeat:no-repeat; background-size:100% 100%; position:absolute; left:50%; margin-left:-1.45rem; bottom:-5px;}
.et-type1{ background-image:url(../images/early/bq-type1.png);}
.et-type2{ background-image:url(../images/early/bq-type2.png);}
.et-type3{ background-image:url(../images/early/bq-type3.png);}
.early-rule{ padding:.75rem; font-size:.75rem;}
.early-rule h4{ font-size:.8rem; font-weight:bold; margin-bottom:.75rem;}
.early-rule p{ margin-bottom:.75rem;}
.early-rule h6{ text-align:center; color:#ff425d;}
.cord-top{ padding:4rem 0 1rem 0; background:#208389; background: linear-gradient( top,#135f70,#3dc6b7); background: -webkit-linear-gradient( top,#135f70,#3dc6b7); display:box; display:-webkit-box; padding-left:.75rem;}
.cord-top label{ box-flex:1; -webkit-box-flex:1; width:1px; height:3.5rem; font-size:.7rem; color:#fff;}
.cord-top label h4{ font-size:1rem;}
.early-buy{ background:#fff; padding:1rem .75rem; text-align:center; font-size:.75rem;}
.early-buy li{ display:inline-block; width:6rem; height:3rem; font-size:.7rem; border:1px solid #bebebe; margin:0 .2rem .6rem .2rem; color:#666; line-height:1.3; padding-top:.2rem; border-radius:.5rem;}
.early-buy li span{ position:relative; top:2px;}
.early-buy li.curr{ border:1px solid #ff425d;}
.early-buy li.curr p{ color:#ff425d !important;}
.ptb7{ padding-top:.35rem; padding-bottom:.35rem;}
.buy-type li.checked{ position:relative;}
.buy-type li.checked:after{ content:''; display:block; width:1rem; height:1rem; background:url(../images/checked.png) no-repeat; background-size:100% 100%; position:absolute; right:.75rem; top:50%; margin-top:-.5rem;}
.espop-box{ width:14rem; height:19rem; background:url(../images/early/success-bg.png) no-repeat; background-size:100% 100%; position:fixed; left:50%; margin-left:-7rem; top:50%; margin-top:-9.5rem; z-index:12;}
.espop-mb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:11; background:rgba(0,0,0,.3);}
.espop-btn{ position:absolute; width:80%; left:10%; bottom:1.25rem;}
.escon{ position:absolute; width:100%; left:0; top:10.75rem; padding:0 1rem; font-size:.7rem; color:#666;}
.espop-close{ width:2rem; height:2rem; line-height:2rem; text-align:center; position:absolute; right:0; top:0;}
.esfiled{ background:url(../images/early/filed-bg.png) no-repeat; background-size:100% 100%;}
/* 摇红包 */
.c-ffe790{ color:#ffe790;}
.enve-bg{ background:#df4747;}
.enve-top{ width:14rem; height:14rem; background:url(../images/envelop/enve-bg1.png) no-repeat; background-size:100% 100%; margin:44px auto 0 auto; position:relative;}
.eet-peop{ width:100%; height:100%; position:relative;}
.eet-peop img{ width:100%; height:100%; position:relative; z-index:10;}
.eet-peop.rocking img{ -webkit-transform-origin:center center;transform-origin:center center; animation:rock 1s linear infinite alternate; -webkit-animation:rock 1s linear infinite alternate;}
@keyframes rock{
	0%{transform:rotate(0)}
	33%{transform:rotate(15deg)}
	66%{transform:rotate(0)}
	100%{transform:rotate(-15deg)}
}
@-webkit-keyframes rock{
	0%{-webkit-transform:rotate(0);}
	33%{-webkit-transform:rotate(15deg);}
	66%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(-15deg);}
}
.eet-tl{ width:7rem; height:.6rem; background:#ffe790; position:absolute; left:50%; margin-left:-3.5rem; bottom:8%; border-radius:.3rem;}
.eet-l{ line-height:1rem; position:absolute; left:-1.5rem; top:50%; margin-top:-.6rem; color:#fec331;}
.eet-r{ line-height:1rem; position:absolute; right:-.5rem; top:50%; margin-top:-.55rem; transform:translateX(100%); -webkit-transform:translateX(100%); color:#fec331;}
.eet-bar{ position:absolute; height:100%; border-radius:.3rem; left:0; top:0; background:#fec331;}
.enve-box{ position:relative; padding-top:2.6rem;}
.enve-big{ width:94%; height:44px; line-height:36px; background:#ff7a2d; background: linear-gradient( top,#ff5831,#ffa028); background: -webkit-linear-gradient( top,#ff5831,#ffa028); border-radius:20px; padding:4px; color:#fff; overflow:hidden; position:absolute; left:3%; top:0;}
.enve-big img{ width:36px; height:36px; border-radius:50%; margin-right:10px;}
.enve-big ul{ position:relative; top:-46px;}
.enve-big li{ height:36px; margin-bottom:10px;}
.enve-ul{ padding:0 .5rem; position:relative; top:-31px;}
.enve-ul li{ margin-bottom:5px; height:26px;}
.enve-ul li > div{ display:inline-block; height:26px; line-height:22px; background:#ed5454; padding:2px 15px 2px 2px; border-radius:.5rem; overflow:hidden; color:#ffe7bb;}
.enve-ul li img{ width:22px; height:22px; border-radius:50%; margin-right:10px;}
.enve-quee{ height:100%; overflow:hidden;}
.shake-pop{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:300; background:#f13838;}
.shake-top{ height:66%; background:url(../images/envelop/enve-bg2.png) center bottom no-repeat; background-size:100% auto; position:relative;}
.shake-open{ width:112px; height:112px; background:url(../images/envelop/enve-open.png) no-repeat; background-size:224px 112px; position:absolute; left:50%; margin-left:-56px; bottom:0; margin-bottom:-56px}
.shake-open.opening{ background-position:-112px 0; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); animation: shake .8s linear infinite alternate; -webkit-animation:shake .8s linear infinite alternate;}
@keyframes shake{
	0%  {transform:rotateY(0deg);}
	100%{transform:rotateY(-180deg);}
}
@-webkit-keyframes shake{
	0%  {-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(-180deg);}
}
.shake-close{ display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; position:absolute; right:.25rem; top:.25rem; z-index:2;}
.shake-bot{ width:100%; position:absolute; left:0; bottom:1.2rem; text-align:center; font-size:.7rem; color:#ffc77e; line-height:1.4;}
.shake-bot img{ width:1.5rem; height:1.5rem; border-radius:50%;}
a.enve-share{ display:inline-block; width:65px; height:25px; line-height:25px; text-align:center; background:#ff425d; font-size:12px; color:#fff; border-radius:13px;}
.shake-box{ background-color:#656361; background-size:cover; background-position:center center;}
.shake-get{ width:5rem; height:5rem; background:#ffc77e; text-align:center; border-radius:50%; position:absolute; left:50%; margin-left:-2.5rem; top:50%; color:#5f3e2b; line-height:1.3;}
.shake-get > div{ position:relative; z-index:2;}
.shake-btn{ display:inline-block; width:55px; height:20px; line-height:20px; text-align:center; background:#f0bb76; border-radius:3px; font-size:14px;}
.c-7a5d35{ color:#7a5d35;}
.shake-get.geting .shake-btn{ color:#999}
.shake-get.geting{animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.shake-get.geting:before{ content:''; display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.shake-get.geting:after{ content:''; display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; animation: sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation: sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
@keyframes sploosh {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 201, 130, 0.7);
    background: rgba(255, 201, 130, 0.7);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(255, 201, 130, 0);
    background: rgba(255, 201, 130, 0);
  }
}
@-webkit-keyframes sploosh {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 201, 130, 0.7);
    background: rgba(255, 201, 130, 0.7);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(255, 201, 130, 0);
    background: rgba(255, 201, 130, 0);
  }
}
@keyframes sploosh2 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 201, 130, 0.7);
    background: rgba(255, 201, 130, 0.7);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(255, 201, 130, 0);
    background: rgba(255, 201, 130, 0.3);
  }
}
@-webkit-keyframes sploosh2 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 201, 130, 0.7);
    background: rgba(255, 201, 130, 0.7);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(255, 201, 130, 0);
    background: rgba(255, 201, 130, 0.3);
  }
}
@keyframes sploosh3 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 201, 130, 0.7);
    background: rgba(255, 201, 130, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 201, 130, 0);
    background: rgba(255, 201, 130, 1);
  }
}
@-webkit-keyframes sploosh3 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 201, 130, 0.7);
    background: rgba(255, 201, 130, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 201, 130, 0);
    background: rgba(255, 201, 130, 1);
  }
}

.swiper-container.assi-top .swiper-slide {background-size: cover; background-position: center; background-position:center bottom; border-radius:.4rem;}
.swiper-container.assi-top { height: 60%; width: 100%; padding:.75rem 0;}
.assi-bot{ height:40%; background:#fff; padding:0 .75rem;}
.assi-litimg{ overflow:auto; display:box; display:-webkit-box;}
.assi-litimg li{ -webkit-box-flex:0; width:2.4rem; height:2.4rem; margin-right:.5rem;}
.assi-litimg li img{ width:100%; height:100%;}
.assi-litimg li.curr{ position:relative;}
.assi-litimg li.curr:before{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:2px solid #ff425d; box-sizing:border-box;}
.assi-tip{ text-align:center; padding:0 .5rem; font-size:.5rem; color:#666;}
.assi-tit{ text-align:center; font-size:.7rem; color:#666;}
.assi-bg1{ background:url(../images/assi/assi-img2-bg.jpg) center top no-repeat; background-size:100% auto;}
.assi-wx-top{ height:47%; background:url(../images/assi/assi-wx1.png) center center no-repeat; background-size:auto 100%; position:relative;}
.aw-part1{ width:100%; position:absolute; left:0; top:28%; text-align:center; font-size:1rem; color:#ff425d; line-height:1;}
.aw-part2{ width:100%; position:absolute; left:0; top:55%; text-align:center; line-height:1.5rem; font-size:.7rem; color:#fff;}
.aw-part2 img{ width:1.5rem; height:1.5rem; border-radius:50%; margin-right:.5rem;}
.aw-part3{ width:100%; position:absolute; left:0; bottom:.45rem; text-align:center; color:#fff;}
.c-e63a68{ color:#e63a68;}
.assi-wx-bot{ height:53%; background:#f4f4f4; border-radius:.7rem .7rem 0 0;}
.aw-ul{ width:100%; height:100%; overflow:hidden;}
.aw-ul ul{ width:10000px; height:100%; position:relative;}
.aw-ul ul li{ width:1000px; height:100%; position:relative; float:left;}
.aw-ul ul li div{ position:absolute; background:#fff; padding:.1rem .5rem .1rem .1rem; background:#fff; height:1.2rem; line-height:1rem; border-radius:.6rem;}
.aw-ul ul li div img{ width:1rem; height:1rem; border-radius:50%; margin-right:.25rem;}
.aw-ul ul li div:first-child{ left:.5rem; top:3rem;}
.aw-ul ul li div:nth-child(2){ left:2rem; top:5rem;}
.aw-ul ul li div:nth-child(3){ left:5rem; top:1.5rem;}
.aw-ul ul li div:nth-child(4){ left:18rem; top:4rem;}
.aw-ul ul li div:nth-child(5){ right:1.5rem; top:6rem;}
.aw-ul ul li div:nth-child(6){ right:.5rem; top:1rem;}
.aw-ul ul li div:nth-child(7){ right:7rem; top:2.5rem;}
.aw-btn{ width:7.8rem; position:absolute; left:50%; margin-left:-3.9rem; bottom:4rem; z-index:2;}
.aw-down{ width:100%; position:absolute; left:0; bottom:0; z-index:30;}
.aw-down a{ display:block;}
.aw-down img{ width:100%;}
.cheer-pop{ width:11rem; position:fixed; left:50%; margin-left:-5.55rem; top:50%; transform:translateY(-55%); -webkit-transform:translateY(-55%); background:#fff; z-index:10; border-radius:.5rem; text-align:center; padding:.8rem; font-size:.7rem; color:#666; line-height:1.4; display:none;}
.cheer-pop h4{ font-size:1rem; color:#ff425d; margin:.3rem 0;}
.cheer-pop h3{ font-size:.8rem; color:#333; margin-bottom:.3rem;}
.cheer-close{ width:2rem; height:2rem; line-height:2rem; text-align:center; position:absolute; right:0; top:0;}
.cheer-mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:rgba(0,0,0,.7); display:none;}